// Colors
$color-fore : #222;
$color-back : #EFEFEF;
$color-primary : #2272D4;
$color-secondary : #D47222;
$color-full-fore : #000;
$color-full-back : #FFF;
$color-grey : mix($color-fore, $color-back, 50%);
$color : (
    light : (
        fore : $color-fore,
        back : $color-back,
        primary : mix($color-primary, $color-fore, 80%),
        secondary : mix($color-secondary, $color-fore, 80%), 
        full : $color-full-back, 
        input-back : mix($color-back, $color-full-back, 80%),
        transparent : rgba(255, 255, 255, 0)
    ), 
    dark : (
        fore : $color-back,
        back : $color-fore,
        primary : mix($color-primary, $color-back, 80%),
        secondary : mix($color-secondary, $color-back, 80%), 
        full : $color-full-fore,
        input-back : mix($color-back, $color-full-fore, 80%),
        transparent : rgba(0, 0, 0, 0)
    )
);

// Sizes
$header-height : 4em;
$footer-height : 2em;
$border-radius : .3em;
$margin : .5em;

// Fonts
// $font-normal : Arial, Helvetica, Sans;
// $font-mono : Consolas, "Courier New", Courier, monospace;
// $font-icon : Arial, Helvetica, Sans;
$font-normal : "Roboto";
$font-mono : "Roboto Mono";
$font-icon : "FA6FS";

// Transitions
$transition-in : .35s;
$transition-out : 1s;
$transition : .5s;