/* ============================================================
   Niti — дизайн-токены. Единственный источник правды для цвета,
   отступов, типографики, радиусов, теней и слоёв.
   Значения взяты из дизайн-системы Niti (email_reader/static/tokens.css),
   раздел «Продуктового контура» — в конце файла.

   Правило то же, что в Niti: в компонентах не пишем сырых значений
   (#hex, 14px, 999px) — только var(--token). Нужен новый оттенок или
   отступ — сначала он появляется здесь.
   ============================================================ */

:root {
  /* ---- Нейтральные ---- */
  --bg:#ffffff;
  --sidebar:#f9f9f9;
  --text:#0d0d0d;
  --muted:#8e8e9a;
  --subtle:#6b6b76;
  --border:#e8e8ea;
  --hover:#ececec;
  --active:#e6e6e8;
  --card:#ffffff;
  --card-hover:#f7f7f8;
  --chip:#f0f0f2;

  /* ---- Акцент (бренд) ---- */
  --accent:#10a37f;
  --accent-weak:#e7f6f1;
  --accent-strong:#0c8266;
  --on-accent:#ffffff;    /* текст на акцентной заливке; в тёмной теме акцент светлый */

  /* ---- Семантика статусов: fg + подложка ---- */
  --success:#16a34a;   --success-bg:#dcfce7;
  --warning:#b45309;   --warning-bg:#fef3c7;  --warning-border:#fde68a;
  --danger:#dc2626;    --danger-bg:#fee2e2;
  --info:#6b6b76;      --info-bg:#f0f0f2;
  --delegated:#4f46e5; --delegated-bg:#e0e7ff;
  /* Уровень приоритета в матрице: личный — тёмно-оранжевый, контроля — жёлтый */
  --orange:#c2410c;    --orange-bg:#ffedd5;

  /* ---- Отступы (шаг 4px) ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px;

  /* ---- Типографика ---- */
  --fs-xs:11px; --fs-sm:12px; --fs-md:13px; --fs-base:14px;
  --fs-lg:15px; --fs-xl:18px; --fs-2xl:22px;
  --fw-normal:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --lh-tight:1.3; --lh-normal:1.5; --lh-loose:1.6;

  /* ---- Иконки (SVG в 1em, масштаб от font-size) ---- */
  --ic-sm:16px; --ic-md:18px; --ic-lg:22px;

  /* ---- Радиусы ---- */
  --r-xs:6px; --r-sm:10px; --r:14px; --r-pill:999px;

  /* ---- Тени ---- */
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.04);
  --shadow-pop:0 8px 28px rgba(0,0,0,.18);

  /* ---- Слои ---- */
  --z-sticky:30;
  --z-drawer:50;
  --z-toast:9999;
  --z-menu:10000;

  /* ---- Шрифт ---- */
  --font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ---- Тайминги ---- */
  --t-fast:.12s;
  --t-med:.4s;

  /* ---- Добавлено «Продуктовым контуром»: своих значений в компонентах нет,
          поэтому метрики каркаса — тоже токены ---- */
  --sidebar-w:268px;      /* ширина сайдбара Niti */
  --sidebar-w-mini:64px;  /* он же свёрнутый: только иконки */
  --head-h:56px;          /* шапка со «хлебными крошками» */
  --content-x:28px;       /* горизонтальный отступ содержимого */
  --drawer-w:680px;       /* боковая панель карточки цели */
  --backdrop:rgba(13,13,13,.28);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:#212121;
    --sidebar:#171717;
    --text:#ececec;
    --muted:#8e8e8e;
    --subtle:#b4b4b4;
    --border:#2f2f2f;
    --hover:#2a2a2a;
    --active:#303030;
    --card:#2a2a2a;
    --card-hover:#303030;
    --chip:#333333;

    --accent:#19c39a;
    --accent-weak:#10312a;
    --accent-strong:#3fd8b4;
    --on-accent:#0d0d0d;

    --success:#5fcf86;   --success-bg:#14331f;
    --warning:#f0b75e;   --warning-bg:#3a2e12;  --warning-border:#5a4a1e;
    --danger:#f08a8a;    --danger-bg:#3a1c1c;
    --info:#b4b4b4;      --info-bg:#333333;
    --delegated:#9aa6f5; --delegated-bg:#20223f;
    --orange:#f0a06a;    --orange-bg:#3a2412;

    --shadow:none;
    --shadow-pop:0 8px 28px rgba(0,0,0,.5);
    --backdrop:rgba(0,0,0,.5);
  }
}