/* Colors */
/* Primary color palette */
:root {
  --color-primary: #004b64;
  --color-accent: #0879a6;
  --color-border: #a0a4a8;

  --color-success: #497754;
  --color-error: #fb4e4e;
  --color-light-blue: #eaf9ff;

  --color-primary-background: #ffffff; /* main background color of the site */
  --color-secondary-background: #f0f0f0; /* background for elements that need to be separated from the normal background */

  --color-text-dark: #52575c; /* main text color */
  --color-text-light: #ffffff;

  /* font settings */
  --font-family: "Montserrat", sans-serif;

  --font-weight-normal: 400;
  --font-weight-semi-bold: 500;
  --font-weight-bold: 600;
  --font-weight-extra-bold: 900;

  --font-size-xl: 1.5rem;
  --font-size-l: 1.25rem;
  --font-size-m: 1rem;
  --font-size-s: 0.875rem;

  --slight-corner-rounding: 0.2rem;
  --corner-rounding: 0.5rem;

  --border-width: 1px;

  --horizontal-padding: 2rem;
  --horizontal-padding-sm: 0.5rem;
  --vertical-padding: 2rem;
  --vertical-padding-sm: 0.5rem;

  --breakpoint-tablet: 1080px;
  --breakpoint-phone: 420px;
}

/* Font Faces */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Montserrat Medium"), local("Montserrat-Medium"),
    url(../fonts/Monteserrat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons.woff2) format("woff2");
}

.material-icons {
  font-family: "Material Icons";
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}