/* Токены Lychee — из design/direction.md («Салон-галерея»). */
:root {
  /* Цвет */
  --plaster: oklch(0.86 0.012 110);      /* стена y6: фон героя, салона, отзывов */
  --evening: oklch(0.2 0.035 155);       /* вечер: тёмные секции, шапка */
  --plane: oklch(0.33 0.07 155);         /* поле логотипа #0E4623: залы, паспарту на тёмном */
  --gold: oklch(0.77 0.08 80);           /* логотип #D1AE6C: рамы, кнопка, капители */
  --cream: oklch(0.95 0.012 85);         /* текст на тёмном */
  --cream-muted: oklch(0.8 0.02 120);    /* вторичный на тёмном, ≥ 4.5:1 */
  --ink-green: oklch(0.27 0.05 155);     /* текст на штукатурке */
  --ink-green-muted: oklch(0.4 0.035 155);
  --turquoise: oklch(0.62 0.09 195);     /* только статус «открыто» */

  /* Роли, которые читает base.css */
  --surface: var(--evening);
  --ink: var(--cream);
  --ink-muted: var(--cream-muted);
  --accent: var(--gold);
  --on-accent: var(--evening);
  --danger: oklch(0.7 0.13 35);

  /* Типографика: шкала 1.5 */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.6875rem;
  --step-3: 2.5rem;
  --step-4: 3.75rem;
  --step-5: clamp(3rem, 6.4vw, 5.75rem);
  --step-finale: clamp(4.5rem, 19vw, 18rem);
  --tracking-caps: 0.28em;

  /* Пространство */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --section: clamp(4rem, 9vw, 8rem);
  --container: 82rem;
  --gutter: clamp(16px, 4.4vw, 64px);
  --header-h: 76px;

  /* Форма */
  --radius-control: 0;
  --radius-pill: 999px;

  /* Движение */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-micro: 160ms;
  --dur-reveal: 520ms;
  --dur-hang: 900ms;
  --dur-sheen: 600ms;

  /* Сигнатура: золотая рама со срезанными углами + паспарту */
  --signature-cut: 14px;
  --signature-band: clamp(6px, 0.75vw, 11px);
  --signature-gilt: linear-gradient(135deg, oklch(0.86 0.08 88), var(--gold) 30%, oklch(0.6 0.08 70) 55%, var(--gold) 75%, oklch(0.84 0.08 86));
  --signature-mat-bg: var(--evening);
  --signature-glow: oklch(0.88 0.09 85 / 0.55);
  --signature-light: oklch(0.9 0.14 84 / 0.62);
}

@media (max-width: 900px) {
  :root {
    --step-3: 2rem;
    --step-4: 2.5rem;
    --signature-cut: 10px;
    --header-h: 64px;
  }
}