//Typography @import url('fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap'); @import url('fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); @import url('fonts.googleapis.com/css2?family=Lalezar&display=swap'); @import url('fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); @import url('fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');

$main-font: 'Oxygen', sans-serif; $mono-font: 'Oxygen Mono', monospace; $logo-font: 'Lalezar', sans-serif;

//Palette $primary-color: #5f0f40; $secondary-color: #295180;

$text-dark: #222222; $text-light: f4f4f4;

$background-light: f4f4f4; $background-middle: e0e0e0; $background-dark: #222222;

//Placement $margin-small: 0.8rem; $margin: 1.6rem;

//Borders $border-thin: solid 0.25rem $primary-color; $border: solid 0.5rem $primary-color; $border-radius: 0.25rem;