/* Figma UI kit · cqFbFMHVyn9EAEvJNXOfXL / 344:87 */
@font-face {
  font-family: "Kudry Sans Headline";
  src: url("assets/fonts/kudry-headline.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("assets/fonts/euclid-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Circular A";
  src: url("assets/fonts/euclid-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --color-background: #2d1d1b;
  --color-surface: #47322b;
  --color-surface-light: #ebe4de;
  --color-text: #ffffff;
  --color-muted: #bcbdbc;
  --color-accent: #80cdaf;
  --color-accent-hover: #9ccdb5;
  --color-accent-secondary: #daf2e2;
  --color-error: #ffc4b5;
  --font-body: "Euclid Circular A", Arial, sans-serif;
  --font-heading: "Kudry Sans Headline", Georgia, serif;
  --text-menu: clamp(14px, .9896vw, 19px);
  --text-body: clamp(18px, 1.4583vw, 28px);
  --text-label: clamp(14px, 1.0417vw, 20px);
  --text-subtitle: clamp(22px, 1.5625vw, 30px);
  --text-heading: clamp(36px, 2.9167vw, 56px);
  --text-hero: clamp(56px, 5.5729vw, 107px);
  --space-page: clamp(15px, 3.125vw, 60px);
  --space-section: clamp(80px, 10.4167vw, 200px);
  --space-grid: clamp(20px, 2.0833vw, 40px);
  --space-heading: clamp(28px, 3.125vw, 60px);
  --control-height: 48px;
  --border-width: 1.5px;
  --header-height: clamp(70px, 3.6458vw, 84px);
  --layout-unit: min(1px, calc(100vw / 1920));
  --transition: 180ms ease;
}

@media (max-width: 900px) {
  :root {
    --text-body: 18px;
    --text-menu: 19px;
    --text-subtitle: 22px;
    --text-heading: clamp(25px, 7.8vw, 44px);
    --text-hero: clamp(32px, 10.4vw, 68px);
    --space-page: 15px;
    --space-section: 80px;
    --space-grid: 20px;
    --space-heading: 28px;
    --header-height: 76px;
  }
}