$font-family-sans-serif: 'Open Sans', 'Arial', sans-serif;

// UI colors
$white: #fff;
$middlegrey: #d8d8d8;

// Text colors
$mediumgrey-light: #767676;

/* https://pro.europeana.eu/resources/europeana-brand/brand-guidelines */
$grey: #777;
$offwhite: #f1f1ee;
$paper: #d9d4ca;
$lightbluemagenta: #e7e7e9;
$smoke: #f5f5f5;
$whitegrey: #e0e0e0;
$lightgrey: #a6a6a6;
$mediumgrey: #4d4d4d;
$darkgrey: #232323;
$bodygrey: #ededed;
$black: #1a1a1a;
$innovationblue: #0a72cc;
$innovationblue-dark: #0963b3;
$blue: $innovationblue;
$blue-20: #0a72cc20;
$midnight: #293745;
$darkblue: #085395;
$lightblue: #daeaf8;
$lightblue-dark: #c1dbf2;
$lightblue-light: #e2f2fe;
$skyblue: #bcd8f1;
$red: #e02020;
$yellow: #ffae00;
$yellowhighlight: #ffcb56;
$yellowgrey: #d9d4ca;
$green: #1d872b;
$lightgreen: #71c07b;
$darkgreen: #197324;
$textcolor: $black;
$textcolor-light: $grey;
$textcolor-coloured: $darkblue;
$boxshadow: 0 4px 8px 0 rgb(0 0 0 / 15%);
$boxshadow-small: 0 1px 3px 0 rgb(0 0 0 / 25%);
$boxshadow-large: 0 4px 12px 0 rgb(0 0 0 / 40%);
$boxshadow-light: 2px 2px 4px 0 rgb(0 0 0 / 10%);
$boxshadow-light-left: -2px 2px 4px 0 rgb(0 0 0 / 10%);
$textshadow: 2px 2px 0 rgb(0 0 0 / 20%);
$textshadow-light: 1px 2px 2px rgb(0 0 0 / 30%);
$border-radius: 0.375rem;
$border-radius-small: 0.25rem;
$border-radius-large: 0.5rem;
$font-size-large: 1.5rem;
$font-size-medium: 1.25rem;
$font-size-base: 1rem;
$font-size-small: 0.875rem;
$font-size-extrasmall: 0.75rem;
$font-size-smallest: 0.625rem;
$responsive-font-size-large: 1.5vw;
$responsive-font-size-medium: 1.25vw;
$responsive-font-size-base: 1vw;
$responsive-font-size-small: 0.875vw;
$responsive-font-size-extrasmall: 0.75vw;
$responsive-font-size-smallest: 0.625vw;
$grid-gutter: 15px;
$grid-gutter-narrow: 0.25rem;
$masonry-gutter: 1.5rem;
$bp-small: 576px;
$bp-medium: 768px;
$bp-large: 992px;
$bp-extralarge: 1200px;
$bp-xxl: 1440px;
$bp-xxxl: 1920px;
$bp-wqhd: 2560px;
$bp-4k: 3840px;
$standard-transition: 0.3s ease-in-out;
$swiper-height: 80vh;
$swiper-height-max: 35.5rem;
$swiper-height-medium: 25rem;
$jumbotron-height-min: 275px;