/* ==========================================================================
   В КОНТАКТІ З СОБОЮ — дизайн-токени
   Тут зібрані всі кольори, шрифти, відступи й тіні.
   Змінили значення тут — змінилося по всьому сайту.
   ========================================================================== */

/* ---------- Локальні шрифти (без сторонніх CDN) ---------- */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-cyrillic-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-cyrillic-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  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: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-cyrillic-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../../assets/fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  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: "Inter";
  src: url("../../assets/fonts/inter-cyrillic-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: "Inter";
  src: url("../../assets/fonts/inter-cyrillic-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  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;
}

/* ---------- Токени ---------- */

:root {
  /* Палітра бренду */
  --c-cream: #fff8f1;
  --c-peach: #f4d6c7;
  --c-rose: #a26772;
  --c-burgundy: #793f51;
  --c-sage: #a9b7a0;

  /* Похідні кольори */
  --c-cream-deep: #fbefe5;
  --c-surface: #fffcf8;
  --c-ink: #3b2a2f;
  --c-ink-soft: #6c575d;
  --c-ink-muted: #7a666b;
  --c-rose-text: #8f5560;
  --c-line: rgba(121, 63, 81, 0.12);
  --c-line-strong: rgba(121, 63, 81, 0.22);
  --c-sage-text: #4f6047;
  --c-burgundy-hover: #683446;

  /* Типографіка */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(2.45rem, 6vw, 4.35rem);
  --fs-h2: clamp(1.9rem, 3.5vw, 2.85rem);
  --fs-h3: clamp(1.25rem, 1.7vw, 1.5rem);
  --fs-lead: clamp(1.02rem, 1.15vw, 1.14rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xs: 0.75rem;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.68;

  /* Сітка й відступи */
  --container: 1180px;
  --gutter: clamp(20px, 5vw, 48px);
  --section-y: clamp(64px, 8.5vw, 124px);
  --header-h: 72px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Радіуси */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Тіні — дуже делікатні */
  --sh-sm: 0 1px 2px rgba(121, 63, 81, 0.04), 0 10px 24px -18px rgba(121, 63, 81, 0.35);
  --sh-md: 0 2px 6px rgba(121, 63, 81, 0.05), 0 24px 46px -30px rgba(121, 63, 81, 0.42);
  --sh-lg: 0 4px 12px rgba(121, 63, 81, 0.05), 0 40px 70px -44px rgba(121, 63, 81, 0.5);

  /* Рух */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.35s;
}

@media (max-width: 900px) {
  :root {
    --header-h: 64px;
  }
}