/* ============================================================
   Дизайн-токены ERP-SYNDY (CSS-переменные).
   Источник правды для цветов, отступов, радиусов, теней.
   Светлая тема — :root, тёмная — [data-bs-theme="dark"].
   Все остальные модули должны использовать только эти переменные,
   никаких прямых hex/px-литералов вне этого файла.
   ============================================================ */

/* ── Светлая тема (по умолчанию) ─────────────────────────── */
:root {
  /* Brand: спокойный индиго (без неона). */
  --brand: #4f5bd5;
  --brand-hover: #3f4ac0;
  --brand-active: #353fa6;
  --brand-soft: rgba(79, 91, 213, 0.10);
  --brand-ring: rgba(79, 91, 213, 0.25);
  --brand-contrast: #ffffff;

  /* Поверхности и текст. */
  --surface: #ffffff;
  --surface-2: #f7f8fb;
  --surface-3: #eef0f5;
  --text: #1a1d24;
  --text-muted: #6b7280;
  --text-faint: #9aa1ad;
  --border: #e3e6ee;
  --border-strong: #d4d8e2;

  /* Палитра статусов (мягкая, пастельная). */
  --status-draft-bg: #eef0f5;
  --status-draft-fg: #4b5260;
  --status-active-bg: #e2f4ec;
  --status-active-fg: #1f7a4d;
  --status-archived-bg: #f0eef5;
  --status-archived-fg: #5a4f7a;
  --status-sold-bg: #fef1e0;
  --status-sold-fg: #9a5a16;
  --status-warn-bg: #fff4e0;
  --status-warn-fg: #8a5a0c;
  --status-danger-bg: #fbe7e9;
  --status-danger-fg: #a13340;
  --status-info-bg: #e3edfb;
  --status-info-fg: #2c5aa8;

  /* Тени (очень тонкие). */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 1px rgba(15, 23, 42, 0.03);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.10);

  /* Радиусы. */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Шкала отступов. */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* Геометрия layout'а. */
  --topbar-height: 56px;
  --sidebar-width: 248px;
}

/* ── Тёмная тема ─────────────────────────────────────────── */
[data-bs-theme="dark"] {
  --brand: #818cf0;
  --brand-hover: #9aa3f4;
  --brand-active: #6d78e4;
  --brand-soft: rgba(129, 140, 240, 0.16);
  --brand-ring: rgba(129, 140, 240, 0.35);
  --brand-contrast: #0f1219;

  --surface: #1a1f2b;
  --surface-2: #141821;
  --surface-3: #232a39;
  --text: #e6e8ee;
  --text-muted: #9aa1ad;
  --text-faint: #6b7280;
  --border: #2a3142;
  --border-strong: #3a4257;

  --status-draft-bg: #2a3142;
  --status-draft-fg: #b6bcc9;
  --status-active-bg: #1a3a2c;
  --status-active-fg: #6cd9a0;
  --status-archived-bg: #2c2638;
  --status-archived-fg: #b8a9d6;
  --status-sold-bg: #3a2a18;
  --status-sold-fg: #e0a86c;
  --status-warn-bg: #3a2f18;
  --status-warn-fg: #e0bd6c;
  --status-danger-bg: #3a1f24;
  --status-danger-fg: #e88a92;
  --status-info-bg: #1f2a44;
  --status-info-fg: #92b3e8;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 1px 1px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.40), 0 2px 4px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
}