/* Zaezzd — токены дизайн-системы.
   Источник: «Zaezzd Design System.dc.html», секции 02 Цвет, 03 Типографика, 04 Отступы.
   Значения менять только здесь: все компоненты ссылаются на переменные. */

:root {
  /* Цвет — светлая тема */
  --ink: #14161B;          /* основной текст, «асфальт» */
  --ink-2: #454B57;        /* вторичный текст, лиды */
  --ink-25: #2A2F39;       /* ссылки меню, текст на плитках */
  --ink-3: #7C8391;        /* подписи, метаданные (AA только от 14px) */
  --ink-4: #9AA0AC;        /* надзаголовки, даты */
  --line: #E4E5E9;         /* границы, разделители */
  --line-soft: #EFEEEA;    /* внутренние разделители */
  --bg: #F4F3F0;           /* фон страницы, тёплый серый */
  --bg-2: #ECEBE7;         /* фон за карточками-контейнерами */
  --surface: #FFFFFF;      /* карточки, поля */
  --acc: #D9480F;          /* акцент: CTA, ссылки, активное */
  --acc-hover: #B23A0C;    /* наведение и active */
  --yellow: #FFC91E;       /* знак, подложки, линия — только с тёмным текстом */
  --yellow-hover: #FFD84D;
  --ok: #12784B;
  --warn: #E2A100;
  --warn-ink: #8A5A00;
  --err: #C0261C;
  --ok-soft: #E7F4EC;
  --warn-soft: #FFF5E0;
  --err-soft: #FCEBE9;
  --info: #17538F;
  --info-soft: #E9F0F8;
  --paper: #F9F5EC;        /* блок «Коротко», подписка */
  --ad-bg: #EDECE8;
  --ad-line: #C9C8C3;
  --ad-ink: #A5A4A0;

  /* Шрифты */
  --sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --serif: 'PT Serif', Georgia, 'Times New Roman', serif;

  /* Шкала отступов, база 8 */
  --s4: 4px;   --s8: 8px;   --s12: 12px; --s16: 16px; --s20: 20px;
  --s24: 24px; --s32: 32px; --s40: 40px; --s56: 56px;

  /* Радиусы */
  --r-badge: 5px;   /* бейджи, чипы-метки */
  --r-ctl: 9px;     /* кнопки, поля */
  --r-card: 12px;   /* карточки, alert */
  --r-res: 16px;    /* блок результата */
  --r-pill: 20px;   /* pill-чипы фильтров */

  /* Тени */
  --sh-sm: 0 1px 2px rgba(20, 22, 27, .06);
  --sh-md: 0 4px 12px -4px rgba(20, 22, 27, .16);
  --sh-lg: 0 16px 32px -14px rgba(20, 22, 27, .30);

  /* Раскладка */
  --content: 1200px;      /* контент десктопа, 12 колонок */
  --gutter: 24px;         /* внешние поля деск */
  --gutter-mob: 14px;     /* внешние поля 360 */
  --tabbar-h: 62px;       /* высота таб-бара до 768 */
  --header-h: 66px;
}

/* Тёмная тема — токены заложены (макеты P2, дизайн-система §02).
   Включается атрибутом data-theme="dark" на <html>, автоматически не применяется. */
[data-theme="dark"] {
  --ink: #EDEEF0;
  --ink-2: #C6CAD1;
  --ink-25: #C6CAD1;
  --ink-3: #8A8F99;
  --ink-4: #6E7480;
  --line: #2C3039;
  --line-soft: #23262D;
  --bg: #121417;
  --bg-2: #0E1013;
  --surface: #1B1E24;
  --acc: #FF6B33;
  --acc-hover: #FF8A5C;
  --ok: #3ECF8E;
  --ok-soft: #12291F;
  --warn-soft: #2A2110;
  --err-soft: #2B1614;
  --info-soft: #14202E;
  --paper: #1E1C18;
  --ad-bg: #191C21;
  --ad-line: #2C3039;
  --ad-ink: #6E7480;
}