/* variables are random and not always used because given design use random colors/spacing/etc sorry */
:root {
  --font-family: 'Albert Sans', sans-serif;
  --color-blue-light: #E6F6FF;
  --color-blue-medium: #1799DD;
  --color-blue-dark: #00233D;

  --color-grey-lightest: #F9FAFD;
  --color-grey-light: #E5E5E5;
  --color-grey-dark: #55687C;

  --color-lightest: #fff;

  --spacer: 24px;
  --spacer-biggest: 48px;
  --spacer-big: 32px;
  --spacer-medium: 24px;
  --spacer-small: 16px;
  --spacer-smaller: 8px;

  --radius-big: 24px;
  --radius: 14px;
  --radius-small: 5.883px;

  --shadow: 0px 2px 3px 0px rgba(136, 144, 194, 0.20), 0px 5px 15px 0px rgba(37, 44, 97, 0.15);
}

@media (min-width: 992px) {
  :root {
    --spacer-biggest: 64px;
    --spacer-big: 48px;
    --spacer-medium: 32px;
    --spacer-small: 16px;
    --spacer-smaller: 8px;

    --radius: 9px;
  }
}