$width-mobile: 900px;

$col-bg-0-light: #f8f8f8;
$col-bg-1-light: #e8e8e8;
$col-bg-2-light: #d8d8d8;
$col-bg-3-light: #b8b8b8;
$col-fg-0-light: #181818;
$col-fg-1-light: #282828;
$col-fg-2-light: #383838;
$col-fg-3-light: #585858;

$col-bg-0-dark: #181818;
$col-bg-1-dark: #282828;
$col-bg-2-dark: #383838;
$col-bg-3-dark: #585858;
$col-fg-0-dark: #f8f8f8;
$col-fg-1-dark: #e8e8e8;
$col-fg-2-dark: #d8d8d8;
$col-fg-3-dark: #b8b8b8;

$col-red-light:    #bf616a;
$col-orange-light: #d08770;
$col-yellow-light: #ebcb8b;
$col-green-light:  #a3be8c;
$col-cyan-light:   #86c1b9;
$col-blue-light:   #7cafc2;
$col-purple-light: #b48ead;