/* ==========================================================================
   Auditor Pro : socle de design tokens (Phase 1)
   --------------------------------------------------------------------------
   Source unique de verite pour les couleurs, l'espacement, la typographie
   et les rayons de toute l'application.

   Principe : une seule couleur d'accent (bleu), des neutres slate, des
   statuts semantiques (vert / orange / rouge), deux graisses de police.

   Ce fichier est ADDITIF. Il definit des variables ; il ne modifie aucun
   ecran tant que les composants et les ecrans ne consomment pas ces tokens.
   La migration se fait ecran par ecran (voir plan UX, phases 2 et 3).

   Les valeurs neutres et semantiques reprennent la palette deja utilisee
   en production (Tailwind slate + rouge / vert / ambre), afin que la
   bascule vers les tokens soit sans surprise visuelle.
   ========================================================================== */

:root {

    /* ----- Surfaces ------------------------------------------------------ */
    --surface-0: #f8fafc;   /* fond de page (canvas) */
    --surface-1: #ffffff;   /* carte, panneau, tuile */
    --surface-2: #f1f5f9;   /* surface en retrait, en-tete de tableau, zone inactive */

    /* ----- Texte --------------------------------------------------------- */
    --text-primary:   #1e293b;   /* titres, valeurs, texte principal */
    --text-secondary: #64748b;   /* libelles, texte de support */
    --text-muted:     #94a3b8;   /* mentions discretes, placeholders */

    /* ----- Bordures ------------------------------------------------------ */
    --border:        #e2e8f0;   /* hairline par defaut (1px) */
    --border-strong: #cbd5e1;   /* separation appuyee, survol */

    /* ----- Accent unique (bleu) ----------------------------------------- */
    --accent:        #2563eb;   /* action primaire, onglet actif, focus */
    --accent-hover:  #1d4ed8;   /* survol de l'action primaire */
    --accent-bg:     #eff6ff;   /* aplat clair : pastille, tuile mise en avant */
    --accent-text:   #1e40af;   /* texte / icone sur --accent-bg */

    /* ----- Identite IA (violet reserve) --------------------------------- */
    /* Reserve EXCLUSIVEMENT aux marqueurs "genere / suggere par IA" (boutons,
       badges, icones sparkles). Distinct du bleu produit : bleu = utilisateur,
       violet = machine. Ne jamais utiliser comme accent produit. */
    --ai:        #7c3aed;   /* bouton / action IA */
    --ai-hover:  #6d28d9;   /* survol IA */
    --ai-bg:     #f5f3ff;   /* aplat clair : badge "suggere par IA" */
    --ai-text:   #6d28d9;   /* texte / icone sur --ai-bg */

    /* ----- Statuts semantiques ------------------------------------------ */
    --success:      #16a34a;
    --success-bg:   #dcfce7;
    --success-text: #166534;

    --warning:      #d97706;
    --warning-bg:   #fef3c7;
    --warning-text: #92400e;

    --danger:      #dc2626;
    --danger-bg:   #fee2e2;
    --danger-text: #991b1b;

    /* ----- Espacement (echelle 4 / 8 / 12 / 16 / 24 / 32) --------------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* ----- Rayons -------------------------------------------------------- */
    --radius-sm: 6px;
    --radius:    8px;    /* controles, boutons, champs */
    --radius-lg: 12px;   /* cartes, panneaux */

    /* ----- Ombre unique (subtile) --------------------------------------- */
    --shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);

    /* ----- Typographie --------------------------------------------------- */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --fs-xs:  12px;
    --fs-sm:  13px;
    --fs-base: 14px;
    --fs-md:  16px;
    --fs-lg:  20px;
    --fs-2xl: 24px;

    --fw-regular:  400;
    --fw-medium:   500;
    --fw-semibold: 600;
}