:root {
  /* Font families */
  --font-family-body: "Plus Jakarta Sans", sans-serif;
  --font-family-heading: "Legquinne", serif;

  /* Font sizes */
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-13: 0.8125rem;
  --font-size-15: 0.9375rem;
  --font-size-16: 1rem;
  --font-size-20: 1.25rem;
  --font-size-32: 2rem;
  --font-size-42: 2.625rem;
  --font-size-48: 3rem;
  --font-size-56: 3.5rem;

  /* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Line heights */
  --line-height-110: 1.1;
  --line-height-112: 1.12;
  --line-height-120: 1.2;
  --line-height-125: 1.25;
  --line-height-135: 1.35;
  --line-height-140: 1.4;
}

:root {
  --c-turquoise-01: #2a6068;
  --c-turquoise-02: #2a6068;
  --c-turquoise-03: #1e4146;
  --c-turquoise-04: #172f33;
  --c-turquoise-05: #0c181a;

  --c-beige-01: #fbfaf8;
  --c-beige-02: #f6f5f1;
  --c-beige-03: #efede5;
  --c-beige-04: #e3e0d6;
  --c-beige-05: #dbd8cb;

  --c-black-01: #ffffff;
  --c-black-02: #f5f5f5;
  --c-black-03: #e6e6e6;
  --c-black-04: #cccece;
  --c-black-05: #9a9d9d;
  --c-black-06: #676c6c;
  --c-black-07: #353b3b;
  --c-black-08: #020a0a;

  --c-additional-mauve-smoke: #a88ca3;
  --c-additional-blush-rose: #d8a5a5;
  --c-additional-golden-oat: #d6a756;
  --c-additional-burnt-coral: #d96e4d;
  --c-additional-sage-dust: #a3b2a1;

  --c-turquoise-additional-01: #f8fafa;
  --c-turquoise-additional-02: #e9f0f0;
  --c-turquoise-additional-03: #dae4e4;
  --c-turquoise-additional-04: #b1c4c5;
  --c-turquoise-additional-05: #8ba9ab;
  --c-turquoise-additional-06: #4a6e72;
  --c-turquoise-additional-07: #33595e;

  --c-red-01: #e20a2e;
}

/* PADDING */
:root {
  --space-page-x: 1.5rem;
}

@media (min-width: 1024px) {
  :root {
    --space-page-x: 2rem;
  }
}

@media (min-width: 1440px) {
  :root {
    --space-page-x: 2.5rem;
  }
}

@media (min-width: 1920px) {
  :root {
    --space-page-x: clamp(2.5rem, 1.5rem + 0.8vw, 4rem);
  }
}