/* ------------------------------------------------------------
   tokens.css — identité Lumen · Pétrole (design lot 01, validé 31/10/2026)
   Source : design/prompts/handoffs/01-composants/README.md
   Accent passé du teal au violet (décision Ben, 04/11/2026) : le violet
   du logo devient l'accent du produit, pas une couleur de landing à part —
   mis à jour ICI pour que /app et la landing restent sur le même jeton.
   ------------------------------------------------------------ */

:root {
  /* Couleurs — clair par défaut */
  --bg: #F2F4F6;
  --surface: #FFFFFF;
  --surface-2: #E8ECEF;
  --line: #DCE1E6;
  --field: #7D8792;
  --ink: #0E1419;
  --muted: #48525C;
  --accent: #5235E8;
  --accent-pressed: #4026C9;
  --on-accent: #FFFFFF;
  --tint: #ECE8FF;
  --nav-bar: #FFFFFF;
  --nav-inactive: #48525C;
  --error: #8A1C12;
  --error-bg: #FBE6E3;
  --disabled-bg: #E8ECEF;
  --disabled-fg: #3E4750;
  --snack-bg: #0E1419;
  --snack-fg: #EDF1F4;
  --snack-action: #B7AEEB;
  --snack-error: #FFB3A7;
  --scrim: rgba(14, 20, 25, .42);

  /* Ombres */
  --shadow-nav: 0 10px 30px rgba(14, 20, 25, .12), 0 0 0 1px var(--line);
  --shadow-sheet: 0 0 0 1px var(--line), 0 12px 40px rgba(0, 0, 0, .28);

  /* Rayons */
  --r-xs: 6px;   /* squelette */
  --r-sm: 12px;  /* boîte d'icône, vignette, bouton icône */
  --r-md: 14px;  /* champ, sélecteur, zone de chargement */
  --r-lg: 16px;  /* snackbar, bouton de quota */
  --r-xl: 18px;  /* bouton, carte */
  --r-tab: 26px; /* pastille d'onglet actif */
  --r-sheet: 28px; /* feuille du bas */
  --r-nav: 32px; /* barre de navigation */
  --r-pill: 999px; /* chip, badge */

  /* Espacements */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Typographie */
  --font-display: 'Funnel Display', serif;
  --font-text: 'Geist', sans-serif;
}

/* Sombre : système, sauf override explicite */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B0F12;
    --surface: #161B20;
    --surface-2: #1D232A;
    --line: #2A3038;
    --field: #5E6873;
    --ink: #EDF1F4;
    --muted: #A2ACB5;
    --accent: #B7AEEB;
    --accent-pressed: #A090FF;
    --on-accent: #1A1430;
    --tint: #2A2144;
    --nav-bar: #1D232A;
    --nav-inactive: #B3BCC5;
    --error: #FFB3A7;
    --error-bg: #3A1A17;
    --disabled-bg: #161B20;
    --disabled-fg: #A2ACB5;
    --snack-bg: #EDF1F4;
    --snack-fg: #0E1419;
    --snack-action: #4026C9;
    --snack-error: #8A1C12;
    --scrim: rgba(0, 0, 0, .55);
    --shadow-nav: 0 10px 30px rgba(0, 0, 0, .5), 0 0 0 1px var(--line);
  }
}

/* Sombre : forcé depuis le profil (Paramètres) */
:root[data-theme="dark"] {
  --bg: #0B0F12;
  --surface: #161B20;
  --surface-2: #1D232A;
  --line: #2A3038;
  --field: #5E6873;
  --ink: #EDF1F4;
  --muted: #A2ACB5;
  --accent: #B7AEEB;
  --accent-pressed: #A090FF;
  --on-accent: #1A1430;
  --tint: #2A2144;
  --nav-bar: #1D232A;
  --nav-inactive: #B3BCC5;
  --error: #FFB3A7;
  --error-bg: #3A1A17;
  --disabled-bg: #161B20;
  --disabled-fg: #A2ACB5;
  --snack-bg: #EDF1F4;
  --snack-fg: #0E1419;
  --snack-action: #4026C9;
  --snack-error: #8A1C12;
  --scrim: rgba(0, 0, 0, .55);
  --shadow-nav: 0 10px 30px rgba(0, 0, 0, .5), 0 0 0 1px var(--line);
}