/**
 * @file
 * Global variables.
 */

:root {
  /* Fonts */
  --base-font: 'Manrope', sans-serif;
  --base-font-color: #181818;
  --base-color: #035dba;
  --base-color-extra: #b90024;
  --base-color-extra-hover: #cf0025;
  --border-radius: 10px;
  --header-height: 6.5625rem;
  --button-height: 4.0625rem;
  --font-size-heading: 1.875rem;
  --color-gray: #c5c5c5;
  --color-gray-10: #8b8b9e;
  --color-blue-light: #edf5fc;
  --section-gap: calc(var(--spacer) * 4);
  --container-width: 100%;
}

@media screen and (max-width: 576px) {
  :root {
    --header-height: 3.75rem;
  }
}