/* Токены 1astro. Источник: design-system/1astro/MASTER.md, раздел ART DIRECTION OVERRIDE.
   Тема одна, тёмная: видеофон тёмный, светлая тема сломала бы айдентику. */

:root {
  color-scheme: dark;

  /* Цвет: медианы пикселей кадров видео */
  --bg: #070E15;                      /* фон страницы = база видео */
  --surface: rgb(10 18 29 / .72);     /* панели поверх видео, вместе с blur */
  --surface-solid: #0B1520;           /* фолбэк без backdrop-filter */
  --surface-blur: 14px;
  --surface-2: #0F1826;               /* карточки на страницах результатов */
  --line: rgb(232 176 75 / .28);      /* золотые волосяные линии */
  --line-strong: rgb(232 176 75 / .6); /* та же линия при наведении */
  --text: #EDEAE3;
  --text-muted: #9AA6B8;
  --accent: #E8B04B;                  /* единственный акцент: CTA, фокус, выделение */
  --on-accent: #1B1305;
  --nebula: #435271;                  /* только декоративно, не для UI */
  --ok: #8BC7A6;                      /* только бейджи надёжности, всегда с иконкой и текстом */
  --caution: #E7A868;

  /* Поля ввода. Рамка — --text-muted на .6: контраст к фону панели не ниже 3:1 (WCAG 1.4.11) */
  --field-bg: rgb(7 14 21 / .55);
  --field-line: rgb(154 166 184 / .6);
  --accent-tint: rgb(232 176 75 / .14);  /* выбранный чип, активный вариант списка */

  /* Затемнение поверх видео */
  --scrim-desktop: linear-gradient(90deg, rgb(7 14 21 / .92) 0 38%, rgb(7 14 21 / .35) 70%, transparent);
  --scrim-mobile: rgb(7 14 21 / .70);
  --scrim-top: linear-gradient(180deg, rgb(7 14 21 / .55), transparent 128px);   /* под шапкой */
  --scrim-bottom: linear-gradient(180deg, transparent 55%, var(--bg));             /* видео уходит в фон */

  /* Типографика */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-h1: clamp(2.4rem, 4.5vw, 4rem);
  --fs-h2: clamp(1.8rem, 3vw, 2.6rem);
  --fs-body: 1.0625rem;               /* 17px */
  --fs-small: 0.875rem;               /* 14px */
  --lh-text: 1.55;
  --lh-display: 1.1;
  --lh-display-italic: 1.15;          /* курсив с у, д, р: запас под нижние выносные */

  /* Форма: панели 16, поля 10, кнопки и чипы — pill */
  --radius-panel: 16px;
  --radius-field: 10px;
  --radius-pill: 999px;

  /* Отступы */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* Сетка */
  --container: 1240px;
  --gutter: 16px;
  --header-h: 72px;
  --tap: 44px;                        /* минимальная зона нажатия */

  /* Движение: только transform и opacity */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 160ms;
  --dur-base: 200ms;
  --dur-slow: 240ms;

  /* Иконки Phosphor regular */
  --icon: 20px;

  /* Тень плавающих элементов (подсказки, выпадающие списки), тон фона */
  --shadow-float: 0 18px 48px rgb(3 7 11 / .55);

  /* Слои */
  --z-backdrop: 0;
  --z-content: 1;
  --z-header: 2;
  --z-skip: 10;
}

@media (min-width: 768px) {
  :root {
    --gutter: 32px;
  }
}