/**
 * tokens.css — Design tokens George V3 Client
 * Variables CSS uniquement. Pas de sélecteurs.
 */

:root {
  /* ── Couleurs primaires ──────────────────────────────────────────── */
  --a:        #6366f1;   /* accent (indigo) */
  --a-light:  #818cf8;
  --a-dark:   #4f46e5;

  /* ── Fond & surface ──────────────────────────────────────────────── */
  --bg:       #0f0f14;   /* fond app */
  --bg-2:     #16161f;   /* sidebar */
  --bg-3:     #1e1e2a;   /* cartes */
  --bg-4:     #252535;   /* hover */
  --surface:  #1a1a26;

  /* ── Texte ───────────────────────────────────────────────────────── */
  --fg:       #e8e8f0;   /* texte principal */
  --fg-2:     #9898b0;   /* texte secondaire */
  --fg-3:     #5a5a70;   /* texte désactivé */

  /* ── Bordures ────────────────────────────────────────────────────── */
  --border:   #2a2a3e;
  --border-2: #3a3a54;

  /* ── Statuts ─────────────────────────────────────────────────────── */
  --ok:       #22c55e;
  --warn:     #f59e0b;
  --err:      #ef4444;
  --info:     #38bdf8;

  /* ── Typographie ─────────────────────────────────────────────────── */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --text-xs:  0.75rem;
  --text-sm:  0.875rem;
  --text-base:1rem;
  --text-lg:  1.125rem;
  --text-xl:  1.25rem;
  --text-2xl: 1.5rem;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semi:   600;
  --weight-bold:   700;

  /* ── Espacements ─────────────────────────────────────────────────── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;

  /* ── Arrondis ────────────────────────────────────────────────────── */
  --radius-sm: 0.25rem;
  --radius:    0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* ── Ombres ──────────────────────────────────────────────────────── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow:    0 4px 12px rgba(0,0,0,.5);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.6);

  /* ── Transitions ─────────────────────────────────────────────────── */
  --tr-fast: 120ms ease;
  --tr:      200ms ease;
  --tr-slow: 350ms ease;

  /* ── Layout ──────────────────────────────────────────────────────── */
  --sidebar-width: 220px;
  --header-h:       56px;
  --bottom-nav-h:   64px;
}

/* Thème clair (opt-in via data-theme="light") */
[data-theme="light"] {
  --bg:     #f4f4f8;
  --bg-2:   #ffffff;
  --bg-3:   #ffffff;
  --bg-4:   #ebebf2;
  --surface: #ffffff;
  --fg:     #111118;
  --fg-2:   #555566;
  --fg-3:   #9898a8;
  --border: #d0d0e0;
  --border-2: #b8b8cc;
}