// --------------------------------------------------
// This file contains all variables.
// --------------------------------------------------

// ----- Colors

$color-white: #fff;
$color-dark: #171819;

// ----- Fonts

$font-title: serif;
$font-text: sans-serif;

// ----- Size system

$font-size: 16px;

$from-tiny: 500px;
$to-tiny: $from-tiny -1;
$font-tiny: 1vw;

$from-small: 700px;
$to-small: $from-small -1;
$font-small: 1vw;

$from-medium: 1000px;
$to-medium: $from-medium - 1;
$font-medium: 1vw;

$from-large: 1200px;
$to-large: $from-large - 1;
$font-large: 1vw;

$from-big: 1400px;
$to-big: $from-big - 1;
$font-big: 1vw;

$from-huge: 1600px;
$to-huge: $from-huge - 1;
$font-huge: 1vw;

$from-enormous: 1800px;
$to-enormous: $from-enormous - 1;
$font-enormous: 1vw;

$from-gigantic: 2000px;
$to-gigantic: $from-gigantic - 1;
$font-gigantic: 1vw;

$from-colossal: 2400px;
$to-colossal: $from-colossal - 1;
$font-colossal: 16px;

// ----- Grid system

$container: 86vw;
$container-full: 100vw;

$columns: 12;