/* ============================================
   Lumière — дизайн-токени v2
   «Рожевий глем»: pink → purple градієнти,
   білі картки, скриптові акценти (за референсами)
   ============================================ */

:root {
  /* --- Палітра --- */
  --c-bg:         #FDF0F6; /* світло-рожевий фон сторінки */
  --c-bg-soft:    #FBE3EF; /* насиченіший рожевий для секцій/плям */
  --c-pink:       #EC4899; /* основний рожевий — декор, іконки, бейджі */
  --c-pink-deep:  #C2186B; /* темний рожевий — текстові лінки (WCAG AA ≈5.2:1) */
  --c-purple:     #7C3AED; /* фіолетовий — градієнти, акценти */
  --c-purple-deep:#4C1D95; /* глибокий фіолет — заголовки */
  --c-ink:        #372549; /* основний текст — темна слива */
  --c-card:       #FFFFFF; /* білі картки */
  --c-line:       #F5CCE1; /* тонкі рожеві лінії/бордери */
  --c-error:      #B3261E;
  --c-success:    #2F6B3A;

  /* Градієнти (обидва краї тримають білий текст ≥ 4.5:1) */
  --grad-main: linear-gradient(120deg, #DB2777 0%, #A21CAF 55%, #7C3AED 100%);
  --grad-soft: linear-gradient(135deg, #FDE0EF 0%, #F3D9FA 100%);

  /* --- Типографіка --- */
  --font-serif:  "Playfair Display", "Georgia", serif;  /* великі заголовки */
  --font-script: "Marck Script", cursive;               /* рукописні акценти (є кирилиця) */
  --font-sans:   "Poppins", "Segoe UI", system-ui, sans-serif;

  --fs-display: clamp(2.4rem, 6vw, 4.2rem);
  --fs-h1:      clamp(2rem, 4.5vw, 3.1rem);
  --fs-h2:      clamp(1.55rem, 3.2vw, 2.2rem);
  --fs-h3:      1.15rem;
  --fs-script:  clamp(1.6rem, 3.5vw, 2.6rem);
  --fs-body:    0.98rem;
  --fs-small:   0.85rem;

  --lh-tight: 1.15;
  --lh-body:  1.7;

  /* --- Відступи --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* --- Радіуси (референси — дуже округлі) --- */
  --radius-s:  10px;
  --radius-m:  18px;
  --radius-l:  28px;
  --radius-round: 999px;

  /* --- Тіні (рожеві, м'які) --- */
  --shadow-card: 0 8px 28px rgba(219, 39, 119, 0.10);
  --shadow-lift: 0 14px 40px rgba(162, 28, 175, 0.18);

  /* --- «Дзеркальна» рамка — тепер рожево-фіолетове кільце --- */
  --mirror-ring: 0 0 0 4px #F9A8D4, 0 0 0 12px var(--c-bg), 0 0 0 13px var(--c-line);

  /* --- Розміри --- */
  --container: 1160px;
  --header-h: 76px;

  /* --- Анімація --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.18s;
  --t-med:  0.35s;
}