// Misc. $misc: ( z-index-base: 10000 ); // Duration. $duration: ( navPanel: 0.5s, transition: 0.2s ); // Size. $size: ( navPanel: 275px, border-radius: 6px, element-height: 3em, element-margin: 2em, container-width: 60em ); // Font. $font: ( family: ('Source Sans Pro', sans-serif), family-fixed: monospace, weight: 300, weight-bold: 400, ); // Palette. $palette: ( bg: #f5f5f5, fg: #777, fg-bold: #646464, fg-light: #999, border: #e5e5e5, border-bg: #f8f8f8, border2: #dddddd, border2-bg: #f0f0f0, header: ( bg: #444, fg: #bbb, fg-bold: #fff, fg-light: #999 ), accent1: ( bg: #666, fg: mix(#666, #ffffff, 25%), fg-bold: #ffffff, fg-light: mix(#666, #ffffff, 40%) ), accent2: ( bg: #e89980, fg: mix(#e89980, #ffffff, 25%), fg-bold: #ffffff, fg-light: mix(#e89980, #ffffff, 40%) ), accent3: ( bg: #7fcdb8, fg: mix(#7fcdb8, #ffffff, 25%), fg-bold: #ffffff, fg-light: mix(#7fcdb8, #ffffff, 40%) ), accent4: ( bg: #90b0ba, fg: mix(#90b0ba, #ffffff, 25%), fg-bold: #ffffff, fg-light: mix(#90b0ba, #ffffff, 40%) ), accent5: ( bg: #e5cb95, fg: mix(#e5cb95, #ffffff, 25%), fg-bold: #ffffff, fg-light: mix(#e5cb95, #ffffff, 40%) ) );