/* ===========================================================
   TABLO — дизайн-токены  ·  v2.0 (Lumen)
   Канон: /Users/denisleushin/DISK SHARE/ПРОЕКТЫ/Дашборд/DESIGN_SYSTEM.md
   Формула: QUIET PRECISION + DATA DENSITY + AMBIENT MOMENTS.
   Хром — тёплая нейтраль, иерархия — типографикой, интервалами
   и границами 1px. Цвет — только данные, статусы и primary-действие.
   Шрифты: Geist (UI) + Geist Mono (числа, tabular-nums).
   =========================================================== */
:root{
  /* Тон нативных контролов. Без color-scheme браузер рисует select, input, скроллбар и
     выпадающий список системными светлыми цветами — в тёмной теме это чёрный текст на
     тёмной подложке. Объявляется здесь, один раз на все витрины: тема живёт в токенах
     (КАМЕРТОН §17), а не в компоненте. Перенесено из прода ЕДИНО 02.09.2026 — там это
     было починено в копии, а в ядре дефект оставался, и каждый новый контур получал его
     заново. */
  color-scheme:light;

  /* — хром: тёплая нейтраль (НЕ холодный shadcn-серый) — */
  --bg:#F5F5F3;             /* фон приложения (--bg-app) */
  --surface:#FFFFFF;        /* карточки (--surface-1) */
  --surface-2:#F8F8F6;      /* section/canvas */
  --surface-3:#F1F1EE;      /* inner card/control */
  --surface-4:#E9E9E5;      /* pressed/выделение */
  --border:rgba(20,20,18,.08);      /* --border-default */
  --border-2:rgba(20,20,18,.045);   /* --border-soft (тонкие разделители) */
  --border-3:rgba(20,20,18,.14);    /* --border-strong */
  --ink:#191918;            /* заголовки (--text-primary) */
  --ink-2:#40403C;          /* body */
  --ink-3:#666661;          /* вторичный (--text-secondary) */
  --ink-4:#92928C;          /* подписи (--text-tertiary) */
  --ink-5:#B5B5AF;          /* disabled */
  --black:#191918;          /* primary dark кнопки */

  /* — данные: категориальная палитра Lumen — */
  --blue:#4F82F4; --orange:#FF8750; --green:#3AC681; --cyan:#3FA8DE; --purple:#775FDC;
  /* алиасы воронки (обратная совместимость v1) */
  --clicks:#4F82F4;         /* клики (blue) */
  --leads:#775FDC;          /* лиды (purple) */
  --meet:#3FA8DE;           /* встречи (cyan) */
  --earn:#3AC681;           /* деньги (green) */

  /* — данные: semantic-статусы — */
  --ok:#36BC70; --hot:#FF8750; --warm:#E8A03A; --cold:#EB5B61; --info:#4587ED;
  --ok-bg:#EEF9F2; --hot-bg:#FFF3EC; --warm-bg:#FCF4E4; --cold-bg:#FDEEEE; --info-bg:#EDF3FD;

  /* — DataViz grammar (дискретные cell-графики) — */
  --chart-empty:#F1F1EE;    /* пустые клетки = контекст шкалы, не убирать */
  --chart-previous:#DCDCD8; /* reference/прошлый период в той же сетке */
  --cell-gap:3px; --cell-radius:4px;

  /* — тени: Core UI почти без теней — */
  --shadow:0 1px 2px rgba(0,0,0,.03);              /* xs: карточки (или вовсе без) */
  --shadow-md:0 4px 12px rgba(0,0,0,.07);          /* float: попапы, дроверы */
  --shadow-lg:0 30px 70px rgba(0,0,0,.08);         /* ambient: моменты внимания */

  /* — радиусы — */
  --r-xs:6px; --r-sm:8px; --r-card:12px; --r-lg:16px; --r-xl:24px;
  --r-ambient:40px; --r-btn:8px; --r-pill:9999px;

  /* — отступы (база 4px) — */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  --dashboard-gap:12px; --section-gap:24px;

  /* — controls — */
  --control-compact:32px; --control-default:40px; --control-large:48px;

  /* — типографика — */
  --font:'Geist',Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* Крупные цифры НЕ жирные: display 40-52px w450-500, KPI 32-40px w500,
     tracking заголовков/метрик -0.025em…-0.045em */

  /* — motion (без bounce) — */
  --motion-fast:120ms; --motion-base:180ms; --motion-slow:280ms;
  --ease-standard:cubic-bezier(.2,.8,.2,1);

  /* — layout — */
  --sidebar-w:288px; --content-max:1280px;
}

/* Тёмная тема — НЕ инверсия: тёплый графит */
:root{--warm-ink:#8a5a2b}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#10100F; --surface:#1C1B18; --surface-2:#22211E; --surface-3:#282722; --surface-4:#31302A;
  --border:#2A2925; --border-2:#232220; --border-3:#343330;
  --ink:#F1F0EC; --ink-2:#D6D5D0; --ink-3:#A3A29C; --ink-4:#7A7973; --ink-5:#5C5B55; --black:#F1F0EC;
  --warm-ink:#F0B054;
  --ok-bg:#172A20; --hot-bg:#2E1F16; --warm-bg:#2B2316; --cold-bg:#2B1B19; --info-bg:#182031;
  --chart-empty:#22211E; --chart-previous:#3A3934;
  --shadow:0 1px 2px rgba(0,0,0,.25); --shadow-md:0 4px 12px rgba(0,0,0,.4); --shadow-lg:0 30px 70px rgba(0,0,0,.5);
}