/* ============================================================
   PLU IA — jetons de design (SOURCE UNIQUE)
   ============================================================
   Toutes les valeurs de couleur, de typographie, d'espacement et
   de taille de cible du site sont définies ICI et nulle part ailleurs.
   Les feuilles d'écran (analyze-workspace.css, studio-v4.css,
   offers.css, chat-workspace.css, theme-papier.css) ne font que
   référencer ces jetons (var(--…)) ; frontend/tests/design-system.test.mjs
   refuse toute nouvelle valeur de couleur déclarée ailleurs.

   Contraste WCAG 2.2 AA vérifié par ce même test :
   - textes (--ink*, --permit, --ok, --warn, --danger, --ink-blue)
     >= 4,5:1 sur --paper, --paper-2 et --surface ;
   - --on-accent sur --permit, --permit-2, --ok, --ink, --ink-blue >= 4,5:1 ;
   - --rule-strong (bord des champs) >= 3:1 sur --paper-2.
   Chargé en tête de index.html (feuille bloquante, ~3 Ko) pour que la
   première peinture utilise déjà les bons jetons.
   ============================================================ */
:root {
  /* Échelle papier brute : ne jamais la surcharger. Un espace de travail plus
     clair (poste d'analyse, Studio) décale ses rôles d'un cran sur CETTE échelle
     au lieu de déclarer ses propres couleurs. */
  --paper-50: #FFFDF9;
  --paper-100: #F4F1EA;
  --paper-200: #ECE7DC;
  --paper-300: #E3DCCB;

  /* Rôles de surface */
  --surface: var(--paper-50);
  --surface-muted: #F0EFE8;
  --paper: var(--paper-100);
  --paper-2: var(--paper-200);
  --paper-3: var(--paper-300);

  /* Encres (texte) — du plus fort au plus discret, toutes AA */
  --ink: #14161B;
  --ink-2: #2A2E38;
  --ink-3: #4B4F59;
  --ink-4: #5D616A;
  --ink-5: var(--ink-4);

  /* Filets */
  --rule: #D6CEBB;
  --rule-2: #BDB49D;
  --rule-soft: rgba(189, 180, 157, 0.25);
  --rule-strong: #857C6A;

  /* Bleu administratif */
  --ink-blue: #1D3B7A;
  --ink-blue-2: #2A4FA0;
  --ink-blue-soft: #DDE3F0;
  --blue: var(--ink-blue);

  /* Accent permis (orange) : texte et fond de bouton AA */
  --permit: #A9431A;
  --permit-2: #8F3814;
  --permit-soft: #F3E2D2;
  --permit-glow: rgba(169, 67, 26, 0.22);
  --permit-on-dark: #E58A5C;
  --on-accent: #FFFFFF;

  /* États */
  --ok: #2E6B3C;
  --ok-deep: #294D3D;
  --ok-soft: #E3EDE3;
  --warn: #7A5C12;
  --warn-soft: #F5EBD3;
  --danger: #A02E1D;
  --danger-soft: #F6E1DC;
  --bad: var(--danger);

  /* Zones PLU (fonds de pastille ; texte --ink dessus >= 4,5:1) */
  --zone-u: #E7B96A;
  --zone-ub: #E2AE5E;
  --zone-uc: #DCA455;
  --zone-ud: #D99A4E;
  --zone-ue: #C9A0C4;
  --zone-uf: #D8B07A;
  --zone-ug: #E0B771;
  --zone-uh: #D99A4E;
  --zone-ua: #C87A3C;
  --zone-au: #B88BBF;
  --zone-a: #9EB86A;
  --zone-n: #6BA37A;

  /* Typographie */
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif: 'Fraunces', 'Times New Roman', serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* Échelle : 12 px est le plancher de lecture (aucun texte en dessous). */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 26px;
  --fs-2xl: 32px;

  /* Espacements (pas de 4 px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;

  /* Rayons */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Contrôles et cibles tactiles */
  --control-h-sm: 32px;
  --control-h: 40px;
  --control-h-lg: 46px;
  --tap-min: 44px;

  /* Coque de l'application (place réservée avant le rendu) */
  --shell-sidebar-w: 232px;
  --shell-rail-w: 76px;

  /* Ombres papier */
  --shadow-sm: 0 1px 2px rgba(20, 22, 27, 0.04);
  --shadow-md: 0 2px 8px rgba(20, 22, 27, 0.06);
  --shadow-lg: 0 8px 24px rgba(20, 22, 27, 0.08);

  /* Marque Pluia (logo) : bleu « PLU », orange « IA », crème, filet de la ligne
     d'horizon. Réservés au logotype et aux fonds ; jamais pour du texte courant
     (l'orange de marque n'atteint pas 4,5:1, le texte d'accent reste --permit). */
  --brand-navy: #1F3A5F;
  --brand-orange: #E26E2E;
  --brand-cream: #F8F4EC;
  --brand-skyline: #9AA5B4;

  /* Focus */
  --focus-ring: var(--ink-blue);
}