// Misc.

$misc: (
);

// Duration.

$duration: (
        transition:                     0.2s
);

// Size.

$size: (
        border-radius:          6px,
        border-width:           1px,
        element-height:         2.75em,
        element-margin:         2em
);

// Font.

$font: (
        family:                         (Arial, Helvetica, sans-serif),
        family-fixed:           ('Courier New', monospace),
        weight:                         normal,
        weight-bold:            bold
);

// Palette.

$palette: (
        bg:                                     #ffffff,
        fg:                                     #999999,
        fg-bold:                        #828282,
        fg-light:                       #e0e0e0,
        border:                         #e6e6e6,
        border-bg:                      rgba(144,144,144,0.075),
        border2:                        #d6d6d6,
        border2-bg:                     rgba(144,144,144,0.15),
        accent1: (
                bg:                             #4696e5,
                fg:                             mix(#4696e5, #ffffff, 25%),
                fg-bold:                #ffffff,
                fg-light:               mix(#4696e5, #ffffff, 40%),
                border:                 rgba(255,255,255,0.25),
                border-bg:              rgba(255,255,255,0.075),
                border2:                rgba(255,255,255,0.5),
                border2-bg:             rgba(255,255,255,0.2),
                invert:                 true
        ),
        accent2: (
                bg:                             #fbfbfb,
                fg:                             #999999,
                fg-bold:                #828282,
                fg-light:               #e0e0e0,
                border:                 #e6e6e6,
                border-bg:              rgba(144,144,144,0.075),
                border2:                #d6d6d6,
                border2-bg:             rgba(144,144,144,0.15),
                invert:                 false
        ),
        accent3: (
                bg:                             #f7f7f7,
                fg:                             #999999,
                fg-bold:                #828282,
                fg-light:               #b0b0b0,
                border:                 #d6d6d6,
                border-bg:              rgba(144,144,144,0.075),
                border2:                #c6c6c6,
                border2-bg:             rgba(144,144,144,0.15),
                invert:                 false
        )
);