/* ============================================
   BatiCED — Design Tokens (V2)
   Source unique de vérité pour les variables CSS.
   Chargé en premier sur toutes les pages V2 (via dashboard_v2_render.php)
   et sur les pages V1 (via layout.php) pour préparer leur migration.

   Ne pas dupliquer ces tokens dans d'autres fichiers — toute nouvelle
   variable de design system doit venir vivre ici.
   ============================================ */

:root {
  /* Surfaces & lignes */
  --canvas: #0c0c10;
  --surface: #1a1a22;
  --surface-2: #1f1f28;
  --elevated: #25252f;
  --line: rgba(255,255,255,0.09);
  --line-strong: rgba(255,255,255,0.14);

  /* Texte */
  --text: #f4f4f6;
  --text-2: #b4b4bc;
  --text-3: #82828c;
  --text-4: #5a5a64;

  /* Conteneurs spécialisés */
  --card-bg: rgba(26,26,34,0.75);
  --sidebar-bg: rgba(26,26,34,0.85);
  --header-bg: rgba(12,12,16,0.75);
  --inner-cell-bg: rgba(255,255,255,.02);
  --inner-cell-bg-hover: rgba(255,255,255,.04);
  --track-bg: rgba(255,255,255,.06);

  /* Palette accent */
  --lavender: #a78bfa;
  --lavender-2: #c4b5fd;
  --lavender-dark: #1a0f30;
  --peach: #fb923c;
  --peach-2: #fdba74;
  --mint: #34d399;
  --mint-2: #6ee7b7;
  --sky: #60a5fa;
  --sky-2: #93c5fd;
  --coral: #fb7185;
  --coral-2: #fda4af;
  --amber: #fbbf24;
  --amber-2: #fcd34d;
  --cyan: #22d3ee;

  /* Typographie */
  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  /* Layout */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 72px;
  --header-h: 64px;
  --content-max: 1520px;

  /* Espacements (échelle 4px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;

  /* Border-radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
}

/* ============================================
   THEME LIGHT — override tokens uniquement
   (les overrides composants restent dans dashboard-v2.css)
   ============================================ */
[data-theme="light"] {
  --canvas: #f3f3ef;
  --surface: #ffffff;
  --surface-2: #f7f7f3;
  --elevated: #ffffff;
  --line: rgba(15,15,20,0.14);
  --line-strong: rgba(15,15,20,0.22);

  --text: #1a1a22;
  --text-2: #3a3a45;
  --text-3: #5a5a64;
  --text-4: #82828c;

  --card-bg: #ffffff;
  --sidebar-bg: rgba(255,255,255,0.9);
  --header-bg: rgba(243,243,239,0.85);
  --inner-cell-bg: rgba(15,15,20,.03);
  --inner-cell-bg-hover: rgba(15,15,20,.06);
  --track-bg: rgba(15,15,20,.08);

  --lavender: #7c3aed;
  --lavender-2: #8b5cf6;
  --mint: #059669;
  --mint-2: #10b981;
  --amber: #d97706;
  --amber-2: #f59e0b;
  --coral: #dc2626;
  --coral-2: #ef4444;
  --sky: #2563eb;
  --sky-2: #3b82f6;
}