/* =====================================================================
   Système de design — jetons
   =====================================================================
   Source unique de vérité pour les couleurs, ombres et polices de
   l'outil de gestion, de l'estimateur et de la PWA punch.

   Une seule règle : aucune couleur en dur ailleurs. Si une nuance
   manque, elle s'ajoute ici — c'est ce qui rend un reskin par verticale
   possible sans réécrire les écrans.
   ===================================================================== */

:root {
  /* ── Marque ─────────────────────────────────────────────── */
  --primary:        #ED151E;   /* rouge L&L — accent, jamais du décor */
  --primary-dark:   #c11017;
  --primary-soft:   #fef3f3;   /* fond de focus, surlignage discret */
  --primary-ink:    #ffffff;   /* texte posé sur --primary */

  --secondary:      #132631;   /* bleu ardoise — entête, puces actives */
  --secondary-soft: #1f3340;
  --secondary-ink:  #ffffff;

  /* ── Surfaces ───────────────────────────────────────────── */
  --bg:         #f6f6f7;   /* fond de page */
  --bg-warm:    #fafaf9;   /* entêtes de tableau */
  --card:       #ffffff;   /* cartes, champs */
  --surface-2:  #f1f3f5;   /* creux : segments, puces au repos */

  /* ── Texte ──────────────────────────────────────────────── */
  --text:        #0f172a;  /* titres, chiffres qui comptent */
  --text-mid:    #475569;  /* libellés de ligne */
  --text-light:  #64748b;  /* texte secondaire */
  --text-muted:  #94a3b8;  /* étiquettes en majuscules, placeholders */

  /* ── Traits ─────────────────────────────────────────────── */
  --border:      #e5e7eb;
  --border-soft: #f1f3f5;

  /* ── États ──────────────────────────────────────────────── */
  /* -soft = teinte très pâle (fond de bandeau)
     -tint = teinte assumée (jauge, badge plein) */
  --success:      #16a34a;
  --success-soft: #f0fdf4;
  --success-tint: #e2f1ea;
  --warning:      #ea580c;
  --warning-soft: #fff7ed;
  --warning-tint: #f8eedc;
  --error:        #dc2626;
  --error-soft:   #fef2f2;
  --error-tint:   #f9e5e3;

  --error-border: #fecaca;

  /* Compteur posé sur une puce active */
  --chip-badge: rgba(255,255,255,.16);

  /* ── Badges catégoriels ─────────────────────────────────── */
  /* Rôles et statuts. Teintes distinctes, jamais le rouge de marque —
     l'accent reste réservé à l'action. */
  --badge-green-bg:  #dcfce7;  --badge-green-ink:  #166534;
  --badge-red-bg:    #fee2e2;  --badge-red-ink:    #991b1b;
  --badge-blue-bg:   #dbeafe;  --badge-blue-ink:   #1e40af;
  --badge-purple-bg: #ede9fe;  --badge-purple-ink: #6d28d9;
  --badge-grey-bg:   #f3f4f6;  --badge-grey-ink:   #374151;

  /* ── Ombres ─────────────────────────────────────────────── */
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.03);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.06), 0 2px 4px -2px rgb(0 0 0 / 0.04);
  --shadow-lg: 0 1px 2px rgba(15,23,42,.05), 0 8px 24px -14px rgba(15,23,42,.18);

  /* ── Polices ────────────────────────────────────────────── */
  /* Le mono n'est pas décoratif : tout chiffre lu en colonne
     (heures, quantités, montants) doit être tabulaire. */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Rayons ─────────────────────────────────────────────── */
  --r-sm: 6px;
  --r:    8px;
  --r-lg: 12px;
  --r-xl: 16px;
}