/* ============================================================================
   tokens.css, дизайн-токени. Кольори, типографіка, ритм, тіні, z-шари.
   Палітра: витриманий рожевий (не «жуйка»), винно-сливове чорнило для контрасту,
   малинова дія, шампань-золото для печаток і блиску.
   Кольори в OKLCH з hex-фолбеком у коментарях.
   ========================================================================== */

:root {
  /* --- Кольори: поверхні --------------------------------------------- */
  --bg:            oklch(0.972 0.018 350);   /* #FEF3F6 рожеве молоко (не бежевий!) */
  --bg-deep:       oklch(0.955 0.028 349);   /* #FCE9EF трохи глибше */
  --surface:       oklch(0.988 0.010 348);   /* #FFF8FB майже-білий рожевий */
  --surface-warm:  oklch(0.945 0.040 355);   /* #FBDCE6 пелюстка */
  --paper-note:    oklch(0.965 0.028 88);    /* #F7EFD9 старий папір, ТІЛЬКИ для договору */

  /* --- Кольори: чорнило й контраст ----------------------------------- */
  --ink:           oklch(0.285 0.075 356);   /* #3D1C2B глибока слива, основний текст */
  --ink-soft:      oklch(0.415 0.078 356);   /* #5E3346 приглушене чорнило (заголовки 2 рівня) */
  --ink-muted:     oklch(0.520 0.060 356);   /* #7C5364, підписи; все ще ≥4.5:1 на світлому */

  /* --- Кольори: акценти ---------------------------------------------- */
  --rose:          oklch(0.680 0.170 5);     /* #F76B8A основна троянда */
  --rose-bright:   oklch(0.720 0.185 8);     /* #FF7E96 яскравіша */
  --raspberry:     oklch(0.560 0.185 5);     /* #D6336C малинова, головна ДІЯ/CTA */
  --raspberry-deep:oklch(0.470 0.170 4);     /* #B02059 натиснута */
  --wine:          oklch(0.330 0.120 356);   /* #5B1E3A глибоке вино, темні секції */
  --gold:          oklch(0.760 0.115 78);    /* #D9A94B шампань-золото, печатки, блиск */
  --gold-deep:     oklch(0.640 0.120 66);    /* #B77A2E */
  --cream-ink:     oklch(0.940 0.030 60);    /* світлий текст на темних секціях */

  /* --- Заливки/сяйва -------------------------------------------------- */
  --glow-rose:     oklch(0.720 0.185 8 / 0.35);
  --tint-rose:     oklch(0.680 0.170 5 / 0.12);
  --tint-gold:     oklch(0.760 0.115 78 / 0.18);
  --line:          oklch(0.560 0.090 356 / 0.22);   /* тонкі лінії/бордюри */
  --line-strong:   oklch(0.470 0.120 356 / 0.45);

  /* --- Типографіка --------------------------------------------------- */
  --font-display:  "Prata", "Times New Roman", serif;         /* романтичні заголовки */
  --font-heavy:    "Unbounded", system-ui, sans-serif;        /* велетенські «2», акценти */
  --font-hand:     "Caveat", "Comic Sans MS", cursive;        /* рукописні нотатки */
  --font-body:     "Manrope", system-ui, -apple-system, sans-serif;

  /* Плинна шкала (clamp). Стеля дисплея ≤ 6rem, letter-spacing не тісніше -0.04em */
  --step--1: clamp(0.82rem, 0.78rem + 0.2vw, 0.94rem);
  --step-0:  clamp(1.02rem, 0.96rem + 0.3vw, 1.18rem);   /* body */
  --step-1:  clamp(1.28rem, 1.15rem + 0.6vw, 1.6rem);
  --step-2:  clamp(1.6rem,  1.35rem + 1.2vw, 2.4rem);
  --step-3:  clamp(2.1rem,  1.6rem + 2.4vw, 3.6rem);
  --step-4:  clamp(2.8rem,  1.9rem + 4vw,   5rem);
  --step-5:  clamp(3.4rem,  2rem + 6.5vw,   6rem);        /* стеля */
  --step-mega: clamp(5rem,  3rem + 16vw,   16rem);        /* число «2», окремий випадок */

  /* --- Ритм/простір -------------------------------------------------- */
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-s:   1rem;
  --space-m:   1.75rem;
  --space-l:   clamp(2.5rem, 1.8rem + 3vw, 4.5rem);
  --space-xl:  clamp(4rem, 2.5rem + 6vw, 8rem);
  --space-2xl: clamp(6rem, 3.5rem + 10vw, 12rem);
  --container: min(1180px, 92vw);
  --container-wide: min(1440px, 95vw);
  --radius-s: 10px;
  --radius:   18px;
  --radius-l: 32px;

  /* --- Тіні (м'які, рожеві, «дорогі») -------------------------------- */
  --shadow-s:  0 2px 8px oklch(0.470 0.120 356 / 0.10);
  --shadow-m:  0 12px 30px -12px oklch(0.470 0.120 356 / 0.28);
  --shadow-l:  0 30px 70px -25px oklch(0.400 0.130 356 / 0.40);
  --shadow-rose: 0 20px 60px -20px var(--glow-rose);
  --shadow-photo: 0 1px 2px oklch(0.3 0.1 356 / 0.2), 0 18px 40px -18px oklch(0.4 0.13 356 / 0.35);

  /* --- Рух ----------------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);          /* expo-out */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Семантична z-шкала (без 9999) --------------------------------- */
  --z-doodle: 1;
  --z-content: 10;
  --z-sticky: 100;
  --z-player: 300;
  --z-cursor: 400;
  --z-overlay: 500;
  --z-modal: 600;
  --z-toast: 700;
}

/* Прапорці доступності */
@media (prefers-reduced-motion: reduce) {
  :root { --reduced: 1; }
}