/* Tredexa — токени. Єдине джерело правди. Значення — дослівно з Figma (десктоп 1920). */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../assets/fonts/cormorant-garamond.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
/* лише символ ◆ (у базовому файлі Inter його немає) — 1 КБ */
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-diamond.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+25C6;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../assets/fonts/space-grotesk.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Кольори — змінні макета */
  --c-bg: #080810;            /* Black / Color Background */
  --c-card: #0f0f1a;          /* Black for cards */
  --c-panel: #1a1a2e;         /* Black purple */
  --c-icon-tile: #1f1b15;     /* Dark yellow */
  --c-dim: #2a2a3f;           /* Dark grey */
  --c-text: #f0ead8;          /* white / Color for body text */
  --c-text-muted: rgba(240, 234, 216, 0.6);
  --c-primary: #d4a843;       /* Primary */
  --c-primary-hover: #bc9539; /* Button Primary — Cover */
  --c-primary-active: #e4b446;/* Button Primary — Clicked */
  --c-sigma: #e93323;         /* червоний SiGMA (hero: MEET … B140) */
  --c-chip: #16181e;
  --c-chip-border: #37393e;
  --c-border-soft: rgba(212, 168, 67, 0.15);   /* рамка карток */
  --c-border: rgba(212, 168, 67, 0.35);        /* поля форми, картка SiGMA */

  /* Шрифти */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-label: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Шкала шрифтів — пласкі px макета */
  --fs-h1: 122px;  --lh-h1: 1.1;     --ls-h1: 0;
  --fs-h2: 80px;   --lh-h2: 84.4px;  --ls-h2: -0.52px;
  --fs-lead: 65px; --lh-lead: 77px;  --ls-lead: -2.56px;   /* «About» великий текст */
  --fs-h3: 60px;   --lh-h3: 1.1;     --ls-h3: -0.88px;
  --fs-h4: 32px;   --lh-h4: 32px;
  --fs-h5: 24px;   --lh-h5: 28.5px;  --ls-h5: 1.75px;      /* Space Grotesk, caps */
  --fs-eyebrow: 16px; --lh-eyebrow: 20.5px; --ls-eyebrow: 1.75px;
  --fs-label: 16px;   --lh-label: 16.5px;   --ls-label: 2.75px; /* кнопки, «Booth/Date» */
  --fs-chip: 11px;
  --fs-body: 18px; --lh-body: 25.8px;

  /* Макет */
  --design-width: 1920px;
  --content-width: 1320px;
  --gutter: 36px;             /* поля на планшеті/телефоні (з макета 768) */
  --radius: 4px;
  --radius-lg: 8px;
  --btn-h: 56px;
  --section-gap: 176px;       /* відстань між блоками (1920) */
}

/* Рівномірний зум. Макет 1920, але контент — 1320 по центру, тож базу беремо 1600:
   ≥1600 — 100% (ростуть лише поля, на 1920 = точно макет); вужче — пропорційно.
   Від 1920 на ноутбуках текст ставав 9–11px — нечитабельно. */
@media (min-width: 1024px) {
  :root {
    --zoom: min(1, tan(atan2(100vw, 1600px)));
    zoom: var(--zoom);
  }
}

/* Нижче 1024 — рефлоу. Планшетні розміри — з макета 768 */
@media (max-width: 1023px) {
  :root {
    --fs-h1: 80px;   --lh-h1: 1.05;
    --fs-h2: 50px;   --lh-h2: 1.1;
    --fs-lead: 36px; --lh-lead: 1.4; --ls-lead: -0.56px;
    --fs-h3: 50px;
    --section-gap: 100px;     /* макет 768 */
  }
}

/* Телефон — макета нема; пропозиція, зведена з планшетного */
@media (max-width: 599px) {
  :root {
    --fs-h1: 52px;
    --fs-h2: 40px;
    --fs-lead: 28px;
    --fs-h3: 38px;
    --fs-h5: 20px; --lh-h5: 24px;
    --fs-body: 16px; --lh-body: 23px;
    --gutter: 20px;
    --section-gap: 80px;
  }
}

@media (max-width: 359px) {
  :root { --fs-h1: 44px; }
}