/* ===========================================================
   TABLO — дизайн-токены  ·  v1.0
   Принцип: НЕЙТРАЛЬНЫЙ ХРОМ — ЦВЕТНЫЕ ДАННЫЕ.
   Хром (фон, рамки, текст, кнопки) — нейтральный.
   Цвет появляется ТОЛЬКО на данных (воронка, статусы, графики).
   Шрифты: Geist (UI) + Geist Mono (числа/таблицы, tabular-nums).
   =========================================================== */
:root{
  /* — хром (нейтраль) — */
  --bg:#FAFAFA;            /* фон страницы */
  --surface:#FFFFFF;       /* карточки */
  --border:#E8E8E8;        /* рамки */
  --border-2:#F1F1F1;      /* тонкие разделители */
  --ink:#171717;           /* заголовки */
  --ink-2:#404040;         /* body */
  --ink-3:#737373;         /* вторичный */
  --ink-4:#A3A3A3;         /* подписи */
  --black:#000000;         /* primary-кнопки */

  /* — данные: воронка — */
  --clicks:#2563EB;        /* клики (синий) */
  --leads:#7C3AED;         /* лиды (фиолетовый) */
  --meet:#0D9488;          /* встречи (teal) */
  --earn:#16A34A;          /* деньги (зелёный) */

  /* — данные: статусы — */
  --ok:#16A34A; --hot:#EA580C; --warm:#D97706; --cold:#DC2626;
  --ok-bg:#F0FDF4; --hot-bg:#FFF7ED; --warm-bg:#FFFBEB; --cold-bg:#FEF2F2;

  /* — тени (очень мягкие) — */
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.05);
  --shadow-md:0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:0 16px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.05);

  /* — радиусы — */
  --r-card:12px; --r-btn:8px; --r-pill:9999px; --r-sm:4px;

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

  /* — типографика — */
  --font:'Geist',Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

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

/* Тёмная тема (опционально) — переопредели хром, данные оставь.
:root[data-theme="dark"]{
  --bg:#0C0C0C; --surface:#141414; --border:#262626; --border-2:#1C1C1C;
  --ink:#FAFAFA; --ink-2:#D4D4D4; --ink-3:#A3A3A3; --ink-4:#737373; --black:#fff;
} */