/* ============================================================================
   DCE-IA — Tokens de design (variables uniquement)
   ----------------------------------------------------------------------------
   Source unique de vérité pour la charte DCE-IA. AUCUNE règle de composant ici :
   uniquement des custom properties. Servi en 'self' (CSP stricte), aucun build.

   Conserve les variables historiques --dceia-* (compatibilité migration) et
   ajoute des échelles complètes + alias sémantiques. Les composants ne
   référencent QUE ces variables — jamais de valeur codée en dur.
   ============================================================================ */

:root {
  /* ---------------------------------------------------------------------------
     1. PALETTE PRIMAIRE — bleu profond « service public / institutionnel »
     échelle 50 → 900 dérivée du bleu de marque #0b3d91
     --------------------------------------------------------------------------- */
  --dce-primary-50:  #eef3fb;
  --dce-primary-100: #d7e2f4;
  --dce-primary-200: #adc3e8;
  --dce-primary-300: #7b9ed8;
  --dce-primary-400: #4771be;
  --dce-primary-500: #0b3d91;  /* teinte de marque */
  --dce-primary-600: #0a3684;
  --dce-primary-700: #07286a;  /* --dce-primary-dark historique */
  --dce-primary-800: #061f52;
  --dce-primary-900: #04163a;

  /* ---------------------------------------------------------------------------
     2. PALETTE ACCENT — orange d'action (boutons primaires, jalons)
     Un seul bouton orange par écran (cf. GUIDE).
     --------------------------------------------------------------------------- */
  --dce-accent-50:  #fff2ec;
  --dce-accent-100: #ffe0d1;
  --dce-accent-200: #ffbfa1;
  --dce-accent-300: #ff9a6d;
  --dce-accent-400: #ff6b35;  /* teinte de marque */
  --dce-accent-500: #f0561e;
  --dce-accent-600: #e85a25;  /* --dce-accent-dark historique (survol) */
  --dce-accent-700: #c2471a;
  --dce-accent-800: #99380f;  /* badge « MODE ADMIN » */

  /* ---------------------------------------------------------------------------
     3. NEUTRES — fonds, textes, bordures
     --------------------------------------------------------------------------- */
  --dce-white:      #ffffff;
  --dce-neutral-25: #fafbfc;  /* fond de champ / entête de tableau */
  --dce-neutral-50: #f5f7fb;  /* fond applicatif (--dce-bg) */
  --dce-neutral-100:#eef1f6;  /* filets fins */
  --dce-neutral-150:#e3e7ef;  /* bordure standard */
  --dce-neutral-200:#d3d9e6;
  --dce-neutral-300:#b4bccd;
  --dce-neutral-500:#5b6478;  /* texte atténué */
  --dce-neutral-700:#333a4d;
  --dce-neutral-900:#1b1f3b;  /* texte principal */
  --dce-slate-admin:#20263a;  /* sidebar mode admin */

  /* ---------------------------------------------------------------------------
     4. SÉMANTIQUE — succès / attention / erreur / info
     Chaque couleur : surface (fond doux), border, text (contraste AA sur surface)
     --------------------------------------------------------------------------- */
  --dce-success:          #1f7a44;
  --dce-success-text:     #0a7a4a;
  --dce-success-surface:  #eaf7ef;
  --dce-success-border:   #b6e0c6;

  --dce-warning:          #b9740f;
  --dce-warning-text:     #8a5a06;
  --dce-warning-surface:  #fdf2e2;
  --dce-warning-border:   #f2d9ab;

  --dce-error:            #c0392b;
  --dce-error-text:       #a02525;
  --dce-error-surface:    #fdeaea;
  --dce-error-border:     #f0c2bd;

  --dce-info:             #0b3d91;
  --dce-info-text:        #0a3684;
  --dce-info-surface:     #e8f4fd;
  --dce-info-border:      #bcdcf5;

  /* ---------------------------------------------------------------------------
     5. STATUTS DE DOSSIER (audit / rédaction / juriste)
     en attente · en cours · terminé · échec · annulé
     Repris des `app-tag--*` existants (surface douce + texte foncé lisible).
     --------------------------------------------------------------------------- */
  --dce-status-pending-surface: rgba(91,100,120,0.12);
  --dce-status-pending-text:    #5b6478;
  --dce-status-running-surface: rgba(255,107,53,0.12);
  --dce-status-running-text:    #c84a1c;
  --dce-status-done-surface:    rgba(10,130,80,0.12);
  --dce-status-done-text:       #0a7a4a;
  --dce-status-failed-surface:  rgba(196,48,48,0.12);
  --dce-status-failed-text:     #a02525;
  --dce-status-cancelled-surface: rgba(180,120,10,0.14);
  --dce-status-cancelled-text:  #8a5a06;

  /* ---------------------------------------------------------------------------
     6. ALIAS SÉMANTIQUES — à préférer dans les composants
     --------------------------------------------------------------------------- */
  --dce-bg:            var(--dce-neutral-50);
  --dce-surface:       var(--dce-white);
  --dce-surface-sunken:var(--dce-neutral-25);
  --dce-text:          var(--dce-neutral-900);
  --dce-text-muted:    var(--dce-neutral-500);
  --dce-text-on-dark:  #ffffff;
  --dce-border:        var(--dce-neutral-150);
  --dce-border-strong: var(--dce-neutral-200);
  --dce-focus-ring:    var(--dce-primary-500);
  --dce-link:          var(--dce-primary-500);
  --dce-link-hover:    var(--dce-primary-700);

  /* ---------------------------------------------------------------------------
     7. TYPOGRAPHIE
     Police système (Inter si installée, sinon Segoe UI / system-ui) : aucun
     webfont chargé — CSP stricte + performance. Ne PAS ajouter de Google Fonts.
     --------------------------------------------------------------------------- */
  --dce-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --dce-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Échelle de tailles (rem, base 16px) */
  --dce-text-2xs: 0.66rem;   /* micro-labels tableaux / tags */
  --dce-text-xs:  0.74rem;
  --dce-text-sm:  0.82rem;   /* corps dense applicatif */
  --dce-text-base:0.95rem;   /* corps courant */
  --dce-text-md:  1.06rem;
  --dce-text-lg:  1.2rem;    /* sous-titres */
  --dce-text-xl:  1.5rem;
  --dce-text-2xl: 1.9rem;    /* valeurs KPI */
  --dce-text-3xl: 2.15rem;   /* titres de section vitrine */
  --dce-text-4xl: 3rem;      /* H1 hero */

  /* Graisses */
  --dce-weight-normal: 400;
  --dce-weight-medium: 500;
  --dce-weight-semibold: 600;
  --dce-weight-bold: 700;
  --dce-weight-extrabold: 800;

  /* Interlignes & interlettrage */
  --dce-leading-tight: 1.15;
  --dce-leading-snug:  1.3;
  --dce-leading-normal:1.55;
  --dce-leading-relaxed:1.7;
  --dce-tracking-tight: -0.025em;  /* grands titres */
  --dce-tracking-wide:  0.05em;    /* petits labels majuscules */

  /* ---------------------------------------------------------------------------
     8. ESPACEMENTS — échelle 4px
     --------------------------------------------------------------------------- */
  --dce-space-1: 0.25rem;   /* 4  */
  --dce-space-2: 0.5rem;    /* 8  */
  --dce-space-3: 0.75rem;   /* 12 */
  --dce-space-4: 1rem;      /* 16 */
  --dce-space-5: 1.25rem;   /* 20 */
  --dce-space-6: 1.5rem;    /* 24 */
  --dce-space-8: 2rem;      /* 32 */
  --dce-space-10: 2.5rem;   /* 40 */
  --dce-space-12: 3rem;     /* 48 */
  --dce-space-16: 4rem;     /* 64 — rythme des sections vitrine */

  /* ---------------------------------------------------------------------------
     9. RAYONS
     app = fonctionnel (petits rayons) ; vitrine = plus généreux
     --------------------------------------------------------------------------- */
  --dce-radius-xs: 6px;    /* boutons / champs applicatifs */
  --dce-radius-sm: 8px;    /* cartes app */
  --dce-radius-md: 10px;   /* boutons vitrine / bulles chat */
  --dce-radius-lg: 14px;   /* cartes vitrine */
  --dce-radius-xl: 20px;   /* CTA final vitrine */
  --dce-radius-pill: 999px;

  /* ---------------------------------------------------------------------------
     10. OMBRES — teintées bleu de marque (vitrine) et neutres (app)
     --------------------------------------------------------------------------- */
  --dce-shadow-xs: 0 1px 3px rgba(0,0,0,0.04);
  --dce-shadow-sm: 0 1px 2px rgba(11,61,145,0.05), 0 2px 6px rgba(11,61,145,0.06);
  --dce-shadow-md: 0 6px 22px rgba(11,61,145,0.10);
  --dce-shadow-lg: 0 18px 48px rgba(11,61,145,0.16);
  --dce-shadow-accent: 0 6px 18px rgba(255,107,53,0.32);

  /* ---------------------------------------------------------------------------
     11. POINTS DE RUPTURE (référence — à utiliser dans les @media manuels)
     --------------------------------------------------------------------------- */
  --dce-bp-sm: 768px;
  --dce-bp-md: 900px;
  --dce-bp-lg: 1200px;

  /* ---------------------------------------------------------------------------
     12. GABARIT
     --------------------------------------------------------------------------- */
  --dce-container: 1200px;
  --dce-container-prose: 820px;
  --dce-sidebar-width: 220px;

  /* Transitions standard */
  --dce-transition: 0.15s ease; /* @kind other */
  --dce-transition-lift: transform 0.15s ease, box-shadow 0.15s ease; /* @kind other */

  /* ---------------------------------------------------------------------------
     13. PONTS DE COMPATIBILITÉ — anciennes variables --dceia-* conservées.
     Les gabarits existants les lisent encore ; elles pointent vers les nouveaux
     tokens. Ne PAS supprimer avant fin de migration (des tests s'appuient dessus).
     --------------------------------------------------------------------------- */
  --dceia-primary:      var(--dce-primary-500);
  --dceia-primary-dark: var(--dce-primary-700);
  --dceia-accent:       var(--dce-accent-400);
  --dceia-accent-dark:  var(--dce-accent-600);
  --dceia-bg:           var(--dce-bg);
  --dceia-text:         var(--dce-text);
  --dceia-muted:        var(--dce-text-muted);
  --dceia-border:       var(--dce-border);
  --dceia-radius:       var(--dce-radius-lg);
  --dceia-radius-lg:    var(--dce-radius-xl);
  --dceia-shadow-sm:    var(--dce-shadow-sm);
  --dceia-shadow:       var(--dce-shadow-md);
  --dceia-shadow-lg:    var(--dce-shadow-lg);
}