/* ============================================================
   StatGazer — Design Tokens (RU)
   Единый источник истины: палитра, шкала, хром.
   Значения = statgazer.com tokens.css; шрифты — кириллические
   эквиваленты (Archivo Black и Spline Sans Mono не имеют
   кириллицы): Sofia Sans 800 / IBM Plex Mono / Inter.
   Подключается на КАЖДОЙ странице до любых бандлов.
   ============================================================ */

/* Метрический fallback против CLS, пока грузится Sofia Sans */
@font-face {
  font-family: "Sofia Sans Fallback";
  src: local("Arial");
  font-weight: 800;
  size-adjust: 96%;
  ascent-override: 92%;
  descent-override: 22%;
}

:root {
  /* ---- Core ---- */
  --sg-paper:        #F7F8FA;  /* фон страницы / "бумага" */
  --sg-surface:      #FFFFFF;  /* карточки / поверхности */
  --sg-ink:          #0B1220;  /* почти чёрный navy — контурные чернила */
  --sg-navy:         #13233F;  /* тёмные панели */

  /* ---- Единственный сигнатурный акцент: институциональный teal ---- */
  --sg-accent:       #0E7C7B;  /* основной акцент (заливки, выделения) */
  --sg-accent-hi:    #3BA9A6;  /* "электрический" teal — на тёмном фоне */
  --sg-accent-deep:  #0C5E5D;  /* глубокий teal — hover */
  --sg-accent-tint:  #E2F0EF;  /* мягкая teal-подложка */

  /* ---- Сигнал (использовать скупо) ---- */
  --sg-flag:         #E0A23B;  /* amber — ТОЛЬКО флаги/предупреждения */
  --sg-flag-deep:    #B97F26;  /* тёмный amber — акцент риска в data-viz (вместо красного) */

  /* ---- Текст и нейтральные ---- */
  --sg-muted:        #5A6577;
  --sg-muted-2:      #404B63;
  --sg-muted-dark:   #9AA6BC;  /* приглушённый на тёмном */

  /* ---- Линии ---- */
  --sg-border:       #E5E8EF;
  --sg-border-strong:#D2D8E4;
  --sg-border-dark:  #26344F;

  /* ---- Шрифты (кириллические эквиваленты системы .com) ---- */
  --sg-font-poster: "Sofia Sans", "Sofia Sans Fallback", "Arial Black", system-ui, sans-serif; /* заголовки / постер */
  --sg-poster-weight: 800;     /* Sofia Sans ExtraBold — выбор владельца из линейки 2026-06-11 */
  --sg-font-mono:   "IBM Plex Mono", ui-monospace, monospace;  /* плашки / лейблы */
  --sg-font-body:   "Inter", system-ui, sans-serif;            /* текст */

  /* ---- Общая шкала ---- */
  --fs-h1: clamp(2.05rem, 1.2rem + 2.6vw, 3.2rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-h3: clamp(1.375rem, 1.15rem + 0.95vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.02rem + 0.45vw, 1.375rem);
  --fs-hero-lead: clamp(1.05rem, 0.98rem + 0.25vw, 1.18rem);
  --fs-body: clamp(1rem, 0.97rem + 0.13vw, 1.0625rem);
  --fs-small: clamp(0.875rem, 0.86rem + 0.06vw, 0.9375rem);
  --fs-eyebrow: clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);
  --fs-tag: clamp(0.625rem, 0.61rem + 0.07vw, 0.6875rem);

  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --nav-h: 64px;
  --r-card: 6px;
  --r-btn: 6px;
  --shadow-nav: 0 1px 0 rgba(11, 18, 32, 0.04), 0 6px 24px -18px rgba(11, 18, 32, 0.25);

  /* ---- Алиасы (их потребляют header.css и бандлы) ---- */
  --paper: var(--sg-paper);
  --surface: var(--sg-surface);
  --ink: var(--sg-ink);
  --navy: var(--sg-navy);
  --accent: var(--sg-accent);
  --accent-hover: var(--sg-accent-deep);
  --accent-hi: var(--sg-accent-hi);
  --accent-tint: var(--sg-accent-tint);
  --flag: var(--sg-flag);
  --flag-deep: var(--sg-flag-deep);
  --muted: var(--sg-muted);
  --muted-2: var(--sg-muted-2);
  --muted-dark: var(--sg-muted-dark);
  --border: var(--sg-border);
  --border-strong: var(--sg-border-strong);
  --border-dark: var(--sg-border-dark);
  --font-display: var(--sg-font-poster);
  --font-mono: var(--sg-font-mono);
  --font-body: var(--sg-font-body);
}