/* ==========================================================================
   rks.plus — дизайн-токены витрины
   Палитра C «тёмный канон» (решение владельца 01.11.2026)
   Источник значений: материалы/структура-витрины-на-согласование.md § 6,
   материалы/подбор-стиля-витрины.md § 2.2, § 6.1; канон РКС 18.09.2026.
   Правило: новых цветов не вводить — только эти токены.
   ========================================================================== */

:root {
  /* --- Цвет: тёмные секции (hero, шапка, подвал) --- */
  --color-dark-bg: #123F7A;          /* канонный primaryStrong */
  --color-dark-text: #FFFFFF;
  --color-dark-text-muted: #E6EDF3;  /* вторичный текст на тёмном (канон dark.text) */
  --color-dark-line: rgba(255, 255, 255, 0.24);
  --color-dark-chip-bg: rgba(255, 255, 255, 0.12);

  /* --- Цвет: светлая часть --- */
  --color-bg: #F4F7FB;               /* фон светлых секций */
  --color-surface: #FFFFFF;          /* карточки, панели */
  --color-text: #1B2733;             /* основной текст */
  --color-text-muted: #5A6B7B;       /* подписи, вторичный текст */
  --color-accent: #1E5AA8;           /* ссылки, кнопки, активные элементы */
  --color-accent-hover: #123F7A;     /* hover/нажатие */
  --color-border: #D5DEE8;           /* декоративные границы, разделители */
  --color-border-strong: #748BA5;    /* границы интерактивных элементов (3,51:1) */

  /* --- Статус-чипы (замер AA, 12 px) --- */
  --chip-success-text: #0F6B36;
  --chip-success-bg: #EAF5EE;
  --chip-pilot-text: #8A5200;
  --chip-pilot-bg: #FBF3E4;
  --chip-dev-text: #4A5A6A;
  --chip-dev-bg: #EEF3F9;

  /* --- Служебные поверхности --- */
  --color-placeholder-bg: #EEF3F9;   /* подложка знака-заглушки */
  --color-focus-ring: #1E5AA8;

  /* --- Шрифты (self-host, SIL OFL) --- */
  --font-sans: 'Inter var', 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* --- Типографика: витринный слой --- */
  --fs-display: clamp(32px, 5.2vw, 56px);   /* H1 hero: 56 / 32 (моб.) */
  --fs-h1: clamp(28px, 3.9vw, 40px);        /* заголовки секций: 40 / 28 */
  --fs-h2: clamp(22px, 2.2vw, 28px);        /* имя проекта в крупной карточке */
  --fs-h3: clamp(18px, 1.6vw, 20px);        /* имя проекта в компактной карточке */
  --fs-lead: clamp(17px, 1.5vw, 20px);      /* подзаголовок hero */
  --fs-body: 16px;
  --fs-body-lg: 18px;
  --fs-caption: 14px;
  --fs-chip: 12px;
  --fs-mono: 13px;

  --lh-display: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.55;
  --lh-caption: 1.4;

  --ls-display: -0.02em;   /* кириллица: не теснее −0,02em */
  --ls-heading: -0.01em;
  --ls-body: 0;
  --ls-label: 0.04em;      /* капс-лейблы 12 px */

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* --- Сетка и отступы (базис 8 px) --- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-section: clamp(48px, 6vw, 96px);

  --container-max: 1200px;
  --container-pad: clamp(16px, 4vw, 64px);
  --grid-gap: clamp(16px, 2vw, 24px);

  /* --- Радиусы --- */
  --radius-card: 8px;
  --radius-chip: 16px;
  --radius-pill: 999px;
  --radius-mark: 8px;

  /* --- Тени, переходы, слои --- */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-card-hover: 0 6px 20px rgba(18, 63, 122, 0.14);
  --transition-fast: 140ms ease;
  --transition-base: 200ms ease;
  --z-header: 100;
  --z-skip: 200;

  /* --- Размеры элементов --- */
  --header-height: 64px;
  --header-height-mobile: 56px;
  --control-height: 48px;
  --control-height-sm: 40px;
  --tap-target: 44px;
  --mark-size: 40px;
  --mark-size-compact: 32px;
  --card-media-ratio: 16 / 10;
}

/* Тёмная секция: локальные алиасы, чтобы компоненты не знали о контексте */
.section--dark {
  --section-bg: var(--color-dark-bg);
  --section-text: var(--color-dark-text);
  --section-text-muted: var(--color-dark-text-muted);
  --section-border: var(--color-dark-line);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
  }
}