/* ══ Camden OS — les jetons du design system (vague 1, 2 oct. 2026) ═════
   UN seul jeu de jetons, préfixe --c-. Chargé par les trois gabarits (hub,
   app, admin) AVANT toute autre feuille ; les palettes historiques y
   pointent : --bg-* / --text-* de vercel-design.css, variables de .pm-page
   (static/projets/saas.css), --ss-* (saas-pass.css), --a-* (apps-saas.css),
   --gt-* (gantt.css). Vitrine : /superadmin/design.

   Règles (verrouillées par tests/test_design_tokens.py, ratios calculés) :
   - un gris de TEXTE fait 4,5:1 au moins sur ses fonds ; les gris clairs
     (--c-gris-400, --c-sable-400) servent aux filets et aux puces, jamais
     au texte ;
   - un statut a sa couleur PLEINE (pastille pleine, barre, point), son
     FOND pâle et sa variante TEXTE (4,5:1 sur son fond et sur blanc) : un
     texte de statut lit toujours la variante texte ;
   - le jaune Camden est #FFD600, seul (plus de variante orangée) ; en
     texte sur clair, c'est --c-jaune-texte ;
   - l'échelle de texte ne descend pas sous 12 px ;
   - Inter pour les écrans de travail, Helvetica Neue Camden pour les
     moments de marque.
   Tout nouveau jeton se déclare ici, avec sa vitrine et son test. */

/* ── Inter, auto-hébergée (licence SIL OFL 1.1, fonts/OFL-Inter.txt) ─────
   Une seule famille « Inter », police variable (axe wght 100–900), en deux
   sous-ensembles : latin (le français entier) et latin étendu. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/inter-latin-wght-normal.woff2) format('woff2-variations'),
       url(fonts/inter-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations'),
       url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ── Neutres de l'OUTIL (Inter : Projets, Gantt, apps, back-office) ── */
  --c-blanc:    #FFFFFF;
  --c-gris-50:  #F6F7F9;   /* fond de page */
  --c-gris-100: #F0F1F4;   /* surface élevée, en-tête de tableau */
  --c-gris-150: #E9EBF0;   /* survol */
  --c-gris-200: #E4E7EC;   /* filet */
  --c-gris-300: #D3D8E0;   /* filet fort, bord de bouton */
  --c-gris-400: #98A1B3;   /* filet appuyé (survol), puce — JAMAIS du texte (2,6:1) */
  --c-gris-600: #5F6B81;   /* texte tertiaire : 4,5:1 jusque sur --c-gris-150 */
  --c-gris-700: #525D72;   /* texte secondaire */
  --c-gris-800: #2B3140;   /* survol d'une surface encre */
  --c-gris-900: #1F2329;   /* texte */
  --c-encre:    #191B20;   /* encre de l'outil : bandeaux, boutons pleins */

  /* ── Neutres de la MARQUE (Helvetica Neue Camden : barre, accueil) ── */
  --c-papier:   #FAFAF7;   /* papier chaud */
  --c-papier-2: #F2F0EB;   /* papier élevé */
  --c-papier-3: #EAE7E0;   /* papier survolé */
  --c-sable-400: #9C9A95;  /* filet, puce — JAMAIS du texte (2,7:1) */
  --c-sable-500: #6F6D68;  /* texte tertiaire : 4,5:1 jusque sur --c-papier-2 */
  --c-sable-600: #6B6966;  /* texte secondaire */
  --c-noir:     #0A0A0A;   /* encre Camden */
  --c-sur-noir:   #F6F4EF; /* texte sur encre */
  --c-sur-noir-2: #A09D99; /* texte secondaire sur encre (7:1) */

  /* ── Rôles (écrans de travail) ── */
  --c-fond:        var(--c-gris-50);
  --c-surface:     var(--c-blanc);
  --c-surface-2:   var(--c-gris-100);
  --c-survol:      var(--c-gris-150);
  --c-filet:       var(--c-gris-200);
  --c-filet-fort:  var(--c-gris-300);
  --c-filet-appui: var(--c-gris-400);
  --c-texte:       var(--c-gris-900);
  --c-texte-2:     var(--c-gris-700);
  --c-texte-3:     var(--c-gris-600);

  /* ── Jaune Camden ── */
  --c-jaune:       #FFD600;
  --c-jaune-texte: #735700;              /* le jaune lisible en texte : 6,8:1 sur blanc, 4,8:1 sur jaune */
  --c-jaune-doux:  rgba(255, 214, 0, .18);
  --c-jaune-halo:  rgba(255, 196, 0, .30);

  /* ── Statuts : plein · fond · texte (le texte fait 4,5:1 sur le fond et sur blanc) ── */
  --c-succes:          #12B76A;
  --c-succes-fond:     #E7F8F0;
  --c-succes-texte:    #16704A;
  --c-attention:       #F79009;
  --c-attention-fond:  #FEF2E4;
  --c-attention-texte: #9A5905;
  --c-danger:          #E5484D;
  --c-danger-fond:     #FDEBEC;
  --c-danger-texte:    #B11A1A;
  --c-info:            #4E7FE1;
  --c-info-fond:       #EBF1FD;
  --c-info-texte:      #2B62D1;
  /* Accents de catégorie (pôles, démo) — même règle à trois teintes. */
  --c-violet:          #9B62D6;
  --c-violet-fond:     #F4EDFB;
  --c-violet-texte:    #8445C8;
  --c-rose:            #E5539B;
  --c-rose-fond:       #FCEBF4;
  --c-rose-texte:      #C41E70;

  /* ── Focus clavier : anneau à 3:1 au moins sur ce qui l'entoure.
     Encre sur fond clair ; un conteneur sombre repose --c-focus en jaune. ── */
  --c-focus:        var(--c-encre);
  --c-focus-sombre: var(--c-jaune);
  --c-focus-largeur: 2px;
  --c-focus-ecart:   2px;

  /* ── Polices ── */
  --c-police-outil:  'Inter', -apple-system, 'Segoe UI', Arial, sans-serif;
  --c-police-marque: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
  --c-police-mono:   'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* ── Échelle de texte — plancher à 12 px ── */
  --c-t-12: 12px;   /* légende, pastille : le plus petit */
  --c-t-13: 13px;   /* texte d'interface dense */
  --c-t-14: 14px;   /* corps */
  --c-t-16: 16px;
  --c-t-20: 20px;   /* titre d'écran */
  --c-t-24: 24px;
  --c-t-32: 32px;
  --c-t-48: 48px;   /* affiche */
  --c-ih-serre: 1.2;
  --c-ih:       1.5;

  /* ── Rayons ── */
  --c-r-0:      0;      /* marque : angles droits */
  --c-r-8:      8px;    /* contrôles */
  --c-r-12:     12px;   /* cartes, bandeaux */
  --c-r-pilule: 999px;  /* pastilles */

  /* ── Ombres ── */
  --c-ombre-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);  /* carte */
  --c-ombre-2: 0 8px 24px rgba(16, 24, 40, .10);                                   /* survol, menu */
  --c-ombre-3: 0 24px 60px rgba(16, 24, 40, .18);                                  /* boîte, volet */

  /* ── Couches (z-index) — l'échelle de static/nav/nav.css, nommée ── */
  --c-z-collant:   30;    /* barres d'app collantes */
  --c-z-menu:      100;   /* sous-menus d'app */
  --c-z-superpose: 1000;  /* .modal-overlay historique */
  --c-z-nav:       1200;  /* barre du haut */
  --c-z-voile:     1300;  /* voile des volets */
  --c-z-volet:     1310;  /* volets Agenda, E-mail, Todo */
  --c-z-modale:    1400;  /* vraies boîtes de dialogue */
  --c-z-evitement: 1500;  /* lien « Aller au contenu », toujours au-dessus */

  /* ── Espacements, pas de 4 px ── */
  --c-e-1: 4px;  --c-e-2: 8px;  --c-e-3: 12px; --c-e-4: 16px;
  --c-e-5: 20px; --c-e-6: 24px; --c-e-8: 32px; --c-e-10: 40px;
  --c-e-12: 48px; --c-e-16: 64px;

  /* ── Mouvement (coupé par prefers-reduced-motion, static/ds/socle.css) ── */
  --c-duree-courte: 140ms;
  --c-duree:        200ms;
  --c-courbe:       cubic-bezier(.22, .61, .36, 1);
}