/* Токены дизайн-системы. Источник — ../MASTER.md. Не дублировать значения в style.css. */
:root {
  /* Цвет */
  --canvas: #F5F1E7;
  --canvas-raised: #FFFCF6;
  --line: #E1D8C4;
  --line-strong: #8C7E69;
  --ink: #1E2230;
  --ink-soft: #565C70;
  --ink-faint: #8C8FA3;
  --accent: #9A5B12;
  --accent-strong: #7C480D;
  --on-accent: #FFF8EC;
  --accent-soft: #F0E0C2;
  --ready: #3F6B49;
  --ready-soft: #DCE8DC;
  --error: #A8341F;
  --error-soft: #F3DCD5;

  /* Инвертированный подвал (закрывающий разворот) */
  --on-ink: var(--canvas);
  --on-ink-soft: #B9B6AC;
  --on-ink-accent: var(--accent-soft);

  /* Типографика */
  --font-display: "Fraunces", Georgia, "Noto Serif", serif;
  --font-body: "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --text-display-xl: clamp(2.5rem, 1.9rem + 3vw, 4.25rem);
  --text-display-lg: clamp(2rem, 1.65rem + 1.8vw, 2.875rem);
  --text-display-md: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
  --text-lg: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.9375rem;
  --text-xs: 0.8125rem;

  /* Интервалы */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;

  --section-pad-y: var(--space-20);

  /* Радиусы */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Тени */
  --shadow-card: 0 1px 2px rgba(30, 34, 48, 0.05);
  --shadow-raised: 0 10px 30px rgba(30, 34, 48, 0.09);

  /* Движение */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-slow: 320ms;
  --stagger: 70ms;
  --marquee-duration: 42s;

  /* Контейнер */
  --container-max: 1200px;
  --container-pad: var(--space-6);
}

@media (min-width: 900px) {
  :root {
    --section-pad-y: var(--space-40);
    --container-pad: var(--space-8);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-base: 1ms;
    --duration-slow: 1ms;
    --marquee-duration: 1ms;
  }
}