@charset "UTF-8";
// Morten Mitchell Larød 2020

// *** COLORS
// ======================================
$c-blue: rgba(3,78,162,1);
$c-dark-blue: rgba(9,26,58,1);
$c-red: rgba(219,55,66,1);

//BASIC 
$c-white: rgb(255,255,255);
$soft-black: rgb(68,68,68);
$pale-black: rgb(34,34,34);
$c-black: rgb(0,0,0);


// *** TYPOGRAPHY
// ======================================

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@500;600&display=swap');
$f-title: 'Saira', sans-serif;

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
$f-sans: 'Lato', sans-serif;


// *** SPACING
// ======================================

$grid-element: 8px;

$gap-tiny:     ($grid-element/2);  //  4
$gap-small:    ($grid-element);    //  8
$gap-default:  ($grid-element*2);  // 16
$gap-medium:   ($grid-element*3);  // 24
$gap-large:    ($grid-element*4);  // 32
$gap-xlarge:   ($grid-element*5);  // 40
$gap-xxlarge:  ($grid-element*8);  // 64
$gap-xxxlarge: ($grid-element*10);  // 80

// *** SHADOW
// ======================================

$elevation-01: 0px 2px 6px rgba(0, 0, 0, 0.08);
$elevation-03: -4px 0px 6px rgba(0, 0, 0, 0.08);
$elevation-04: 0px 24px 40px rgba(102, 100, 99, 0.2);