/*
 * Design tokens — «Умное Дело», главная страница умноедело.рф.
 *
 * Палитра — намеренно тёплая «мастеровая» (графит + терракота), НЕ типовой
 * SaaS-градиент фиолетовый→синий (BRAND-STRATEGY.md §10, прямой запрет).
 * Терракота — единственный акцентный цвет: используется для CTA/выделений,
 * не для основного текста (контраст на светлом фоне у нейтрального текста
 * выше и надёжнее по WCAG AA, чем у акцентного).
 */

:root {
  /* Цвет — тёмная база (графит) */
  --graphite-900: #171b17;
  --graphite-800: #21261f;
  --graphite-700: #2e352c;
  --graphite-600: #454e41;

  /* Цвет — тёплый светлый фон */
  --cream-100: #faf6ef;
  --cream-200: #f3ecdf;
  --cream-300: #e8dcc7;

  /* Цвет — акцент (терракота/охра) */
  --accent-500: #d9713c;
  --accent-600: #c15f2d;
  --accent-400: #e79364;
  --accent-ochre: #c98a2c;

  /* Семантические токены */
  --color-bg: var(--cream-100);
  --color-bg-alt: var(--cream-200);
  --color-surface: #ffffff;
  --color-text: var(--graphite-900);
  --color-text-muted: #5b564f;
  --color-text-on-dark: var(--cream-100);
  --color-text-on-dark-muted: #b9c2b5;
  --color-dark-bg: var(--graphite-900);
  --color-dark-bg-alt: var(--graphite-800);
  --color-accent: var(--accent-500);
  --color-accent-strong: var(--accent-600);
  --color-accent-soft: var(--accent-400);
  --color-border: rgba(23, 27, 23, 0.12);
  --color-border-on-dark: rgba(250, 246, 239, 0.16);

  /* Типографика */
  --font-display: "Unbounded", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Segoe UI", Arial, sans-serif;

  --fs-h1: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --fs-h2: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --fs-h3: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --lh-tight: 1.1;
  --lh-normal: 1.5;

  /* Расстояния — шкала на базе 8px */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --container-max: 74rem;
  --shadow-soft: 0 1.5rem 3rem -1.5rem rgba(23, 27, 23, 0.35);
  --shadow-tight: 0 0.5rem 1.25rem -0.5rem rgba(23, 27, 23, 0.28);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-normal: 320ms;
  --dur-slow: 560ms;
}

@media (prefers-color-scheme: dark) {
  /* Страница осознанно не переключается в тёмную тему целиком — бренд уже
     держит контраст графит/крем как часть визуальной идентичности, а не
     как «светлую тему по умолчанию». Явный запрос на dark-mode — отдельная
     задача, не эта. */
}