/* ==========================================================================
   TBF DIGITAL — Design tokens partagés (couleurs, rayons, ombres)
   Chargé sur toutes les pages, avant le <style> propre à chaque page.
   Les valeurs ci-dessous sont identiques à celles déjà utilisées partout :
   ce fichier ne change aucune couleur existante, il leur donne une seule
   source commune.
   ========================================================================== */
:root {
  /* Couleurs (déjà identiques sur toutes les pages) */
  --navy: #0B1F3A;
  --navy-light: #16305A;
  --blue: #1E6FE8;
  --blue-dark: #1656B8;
  --blue-light: #E6F0FE;
  --wood: #C17A3E;
  --wood-light: #F6E9DC;
  --glass: #AEE0F5;
  --glass-light: #EAF8FE;
  --bg: #F7F8FA;
  --ink: #1A1D24;
  --muted: #6B7280;
  --white: #FFFFFF;
  --border: #E2E4E9;
  /* Fond des cartes/surfaces claires (feature-card, team-card, modales, formulaires...).
     Vaut --white en mode jour ; redéfini en mode sombre sans toucher --white
     (qui reste utilisé tel quel pour le texte sur fond navy du header/footer). */
  --surface: var(--white);
  --input-bg: rgba(255,255,255,0.8);

  /* Échelle de rayons (basée sur les valeurs déjà majoritaires dans le code) */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 22px;

  /* Échelle d'ombres (basée sur les valeurs déjà majoritaires dans le code) */
  --shadow-sm: 0 4px 12px rgba(11,31,58,0.05);
  --shadow-md: 0 14px 30px rgba(11,31,58,0.06);
  --shadow-lg: 0 16px 36px rgba(11,31,58,0.07);
  --shadow-xl: 0 24px 48px rgba(11,31,58,0.10);
}

/* ===== MODE SOMBRE =====
   Le header/footer/hero restent navy dans les deux modes (couleur de marque,
   déjà sombre) : seuls les tokens des sections claires changent. */
:root[data-theme="dark"] {
  --bg: #0B1220;
  --ink: #E7E9EE;
  --muted: #9AA3B2;
  --border: #232B3E;
  --surface: #141B2E;
  --input-bg: rgba(255,255,255,0.05);
  --blue-light: #16233F;
  --wood-light: #2A2118;
  --glass-light: #142433;
  --shadow-sm: 0 4px 12px rgba(0,0,0,0.28);
  --shadow-md: 0 14px 30px rgba(0,0,0,0.32);
  --shadow-lg: 0 16px 36px rgba(0,0,0,0.36);
  --shadow-xl: 0 24px 48px rgba(0,0,0,0.42);
}