// COLORS
$color-background: #e8e1ce; // #ccc2ae;
$color-on-background: #33251a;
$color-dark: #443023;
$color-on-dark: #e1dcd3;
$color-light: #fff8eb;
$color-on-light: #33251a;
$color-primary: #6a9343;
$color-on-primary: #fffbf4;
$color-error: #ab5642;
$color-on-error: #fffbf4;

$color-vegan: #75a446;
$color-fish: #487fa6;
$color-nut: #5c4130;
$color-spicy: #c75e32;
$color-gluten: #8c6b49;

// BORDERS
$border-radius-normal: 5px;
$border-radius-large: 10px;
$border-radius-circle: 99999px;

// GAP SIZING
$sizing-default-width: 1000px;
$sizing-full-width: 1200px;
$sizing-navigation-height: 60px;

// PADDING/MARGIN
$spacing-xsmall: 5px;
$spacing-small: 10px;
$spacing-normal: 16px;
$spacing-large: 32px;

// FONT
$font-family: "Erode", serif;

$font-size-very-fucking-big: 50px;
$font-size-h1: 32.44px;
$font-size-h2: 28.83px;
$font-size-h3: 25.63px;
$font-size-h4: 22.78px;
$font-size-h5: 20.25px;
$font-size-h6: 18px;
$font-size-p: 16px;
$font-size-small: 14.22px;
$font-size-xsmall: 12.64px;

$font-weight-thin: 400;
$font-weight-normal: 500;
$font-weight-bold: 600;
$font-weight-bolder: 700;
$font-weight-black: 800;