/* ============================================================
   TOKENS — le seul fichier autorisé à contenir une couleur.
   Direction : l'application Plain (claire, dense, un vert).
   ============================================================ */
:root {
  /* surfaces : page → rail → panneau → survol → sélection */
  --paper:    #ffffff;
  --rail:     #fbfbfa;
  --side:     #f7f7f6;
  --hover:    #f2f2f1;
  --sel:      #ebebea;
  --line:     #e8e8e6;
  --line-2:   #dcdcd9;

  /* texte, quatre niveaux */
  --ink:      #17181a;
  --ink-2:    #3f4247;
  --ink-3:    #74787e;
  --ink-4:    #9a9ea4;

  /* accent : un vert, celui de Plain */
  --action:   #0fae74;      /* lisible en texte sur blanc */
  --action-2: #0c8f5f;
  --mark:     #3edc94;      /* le vert de marque, réservé au logotype et aux pastilles */

  /* statuts — de vrais états */
  --warn:     #b0730b;
  --warn-bg:  #fdf3e0;
  --ok:       #0fae74;
  --ok-bg:    #e5f7f0;
  --crit:     #c0392b;
  --crit-bg:  #fdecea;
  --note:     #6b4bd6;
  --note-bg:  #f0ecfd;

  /* séries de graphique — identité d'un modèle parmi d'autres.
     Ordre FIXE, jamais cyclé : un modèle garde sa couleur quand on
     filtre. Au-delà de six, on replie en « Autres ». Palette de
     référence validée (CVD ΔE ≥ 8 sur paires adjacentes). Le vert
     Plain (--action) reste la couleur des vues mono-série. */
  --s1: #2a78d6;
  --s2: #eb6834;
  --s3: #1baf7a;
  --s4: #eda100;
  --s5: #e87ba4;
  --s6: #4a3aa7;
  --s-other: #9a9ea4;

  /* halo et contour lumineux des boutons */
  --glow:   rgba(15, 174, 116, .30);
  --grad-a: #0fae74;
  --grad-b: #7dd3fc;

  /* voile et ombre des feuilles modales */
  --scrim:  rgba(23, 24, 26, .28);
  --shadow: 0 12px 40px rgba(23, 24, 26, .18);

  /* type */
  --font-sans: "Onest", system-ui, -apple-system, sans-serif;
  --card:     #ffffff;                    /* surface d'une carte du dashboard */
  --card-2:   #f6f7f9;                    /* son haut, légèrement plus clair/foncé */
  --card-hi:  rgba(255, 255, 255, .9);    /* liseré lumineux en haut de carte */
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-body:  15px;
  --fs-sm:    13.5px;
  --fs-label: 12.5px;

  /* géométrie */
  --gut-app:   10px;   /* la gouttière entre les surfaces et le bord */
  --r-surf:    16px;   /* le rayon d'une surface flottante */
  --side-w:    268px;
  --side-fold: 64px;
  --r-sm: 5px;
  --r-md: 8px;
}

/* ============================================================
   THÈME NOIR — posé par data-theme="dark" sur <html>.
   Les surfaces sont translucides : l'aurore passe au travers.
   Les neutres tirent vers le bleu, comme l'accent.
   ============================================================ */
:root[data-theme="dark"] {
  --bg:       #07090e;                    /* le fond absolu, sous l'aurore */
  --card:     rgba(17, 21, 30, .94);
  --card-2:   rgba(30, 36, 50, .94);
  --card-hi:  rgba(255, 255, 255, .09);
  --paper:    rgba(12, 14, 20, .78);
  --rail:     rgba(16, 19, 26, .72);
  --side:     rgba(8, 10, 15, .82);
  --hover:    rgba(255, 255, 255, .05);
  --sel:      rgba(255, 255, 255, .09);
  --line:     rgba(255, 255, 255, .08);
  --line-2:   rgba(255, 255, 255, .15);

  --ink:      #eceef3;
  --ink-2:    #c2c6cf;
  --ink-3:    #8a909b;
  --ink-4:    #666c78;

  /* accent : un bleu */
  --action:   #4f8ff7;
  --action-2: #3b7de6;
  --mark:     #4f8ff7;

  --warn:     #e0a43a;  --warn-bg: rgba(224, 164, 58, .14);
  --ok:       #4f8ff7;  --ok-bg:   rgba(79, 143, 247, .14);
  --crit:     #ef6a5e;  --crit-bg: rgba(239, 106, 94, .14);
  --note:     #a596f0;  --note-bg: rgba(165, 150, 240, .14);

  --s1: #4f8ff7; --s2: #f07a4a; --s3: #2ec48d;
  --s4: #f0b429; --s5: #ee8fb3; --s6: #9085e9;
  --s-other: #6b7078;

  /* l'aurore : bleu profond → cyan → indigo → azur */
  --aur-1: rgba(79, 143, 247, .34);
  --aur-2: rgba(56, 189, 248, .26);
  --aur-3: rgba(99, 102, 241, .30);
  --aur-4: rgba(14, 116, 244, .22);

  --scrim:  rgba(0, 0, 0, .58);
  --shadow: 0 16px 48px rgba(0, 0, 0, .55);

  --glow:   rgba(79, 143, 247, .38);
  --grad-a: #4f8ff7;
  --grad-b: #7dd3fc;
}
:root { --bg: var(--paper); --aur-1: transparent; --aur-2: transparent; --aur-3: transparent; --aur-4: transparent; }