/* ==========================================================================
   Atelier — variables de design (design tokens)
   Modifier ici le nom de marque visuel (couleurs, typo, rayons, ombres).
   Toutes les autres feuilles de style utilisent exclusivement ces variables.
   ========================================================================== */
:root {
  /* Marque */
  --brand-900: #0F2A4A;   /* bleu profond : marque, titres, chiffres clés */
  --brand-700: #163A63;   /* survol du bouton sombre */
  --brand-accent: #7FB0FF;/* trait clair du logo */

  /* Actions */
  --action-600: #2563EB;  /* bouton principal, liens actifs, focus */
  --action-700: #1D4FD8;  /* survol bouton principal */
  --action-50:  #EAF1FE;  /* élément de navigation actif */
  --link: #1D5FD1;

  /* Neutres */
  --bg: #F3F5F8;          /* fond général */
  --surface: #FFFFFF;     /* cartes, tableaux, modales */
  --surface-2: #F8FAFC;   /* en-têtes de tableau, zones calmes */
  --surface-3: #F1F4F8;   /* pastilles d'icône */
  --border: #E3E7ED;
  --border-soft: #EDF0F4;
  --border-strong: #D5DBE3;
  --text: #1F2933;        /* anthracite */
  --text-2: #3A4553;
  --text-muted: #5B6675;  /* ratio 5,9:1 sur blanc */
  --text-faint: #6B7684;

  /* Statuts — toujours accompagnés d'un texte */
  --success-fg: #16693F; --success-bg: #E5F4EC; --success-border: #B8E0C8;
  --warning-fg: #9A4B05; --warning-bg: #FDF0E1; --warning-border: #F3CFA0;
  --danger-fg:  #B42318; --danger-bg:  #FBE9E8; --danger-border:  #F3C3BE; --danger-solid: #C2362F;
  --info-fg:    #1D4FB8; --info-bg:    #E8F0FD; --info-border:    #C9DAFB;
  --neutral-fg: #4A5563; --neutral-bg: #EEF1F4;

  /* Typographie */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 11.5px; --fs-sm: 12.5px; --fs-base: 14px; --fs-md: 15px;
  --fs-lg: 17px; --fs-xl: 20px; --fs-2xl: 24px; --fs-kpi: 27px;
  --fw-regular: 400; --fw-medium: 550; --fw-semibold: 620; --fw-bold: 680;
  --lh: 1.45;

  /* Espacements (base 4 px) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px;

  /* Dimensions */
  --sidebar-w: 248px;
  --topbar-h: 68px;
  --control-h: 38px;      /* boutons et champs desktop */
  --control-h-sm: 32px;
  --control-h-touch: 52px;/* boutons terrain sur mobile (48 à 52 px) */
  --content-max: 1480px;

  /* Rayons */
  --r-xs: 5px; --r-sm: 6px; --r-md: 8px; --r-lg: 10px; --r-xl: 12px; --r-full: 999px;

  /* Ombres */
  --shadow-1: 0 1px 2px rgba(16, 24, 40, .04);
  --shadow-menu: 0 14px 36px rgba(15, 23, 42, .16);
  --shadow-modal: 0 24px 60px rgba(15, 23, 42, .28);
  --focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);
}