/* Thèmes : chaque thème n'est qu'un jeu de jetons. La page choisit par
   <html data-skin="nuit|clair|atelier"> ; sans attribut, suit le réglage du système. */
:root{ /* Clair */
  --bg:#EDF0F4; --panel:#FFFFFF; --panel2:#F4F6F9; --fg:#17202B; --mute:#5D6878; --line:#DCE2E9;
  --acc:#E35F1A; --on-acc:#FFFFFF; --ok:#1F9D63; --warn:#B07800; --crit:#D3263A; --com:#B832C2;
  --stage:#E3E8EE; --dots:#C9D2DC; --slab:#C7D0DA; --wall:rgba(40,60,90,.08); --wall-line:rgba(40,60,90,.18);
  --label:rgba(255,255,255,.94); --label-fg:#17202B; --shadow:0 1px 2px rgba(20,30,50,.06),0 8px 24px rgba(20,30,50,.07);
  --tp-bleu:#2F6FDE; --tp-blanc:#E6E9EE; --tp-blanc-fg:#17202B; --tp-rouge:#D62839;
  --f-ui:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --f-num:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --f-mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,monospace;
  --r:18px; --r-s:10px; color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-skin]){
  --bg:#0E1116; --panel:#161A21; --panel2:#1C212A; --fg:#E9EDF2; --mute:#8B95A4; --line:#252B35;
  --acc:#FF8A3D; --on-acc:#1A0E05; --ok:#45D08A; --warn:#F2C14E; --crit:#FF5468; --com:#D45EE0;
  --stage:#12161C; --dots:#212832; --slab:#2A313C; --wall:rgba(255,255,255,.05); --wall-line:rgba(255,255,255,.12);
  --label:rgba(18,22,28,.86); --label-fg:#F1F4F8; --shadow:0 10px 30px rgba(0,0,0,.35);
  --tp-bleu:#3E7BEA; --tp-blanc:#D9DEE6; --tp-blanc-fg:#17202B; --tp-rouge:#E0475A; color-scheme:dark}}
:root[data-skin="nuit"]{
  --bg:#0E1116; --panel:#161A21; --panel2:#1C212A; --fg:#E9EDF2; --mute:#8B95A4; --line:#252B35;
  --acc:#FF8A3D; --on-acc:#1A0E05; --ok:#45D08A; --warn:#F2C14E; --crit:#FF5468; --com:#D45EE0;
  --stage:#12161C; --dots:#212832; --slab:#2A313C; --wall:rgba(255,255,255,.05); --wall-line:rgba(255,255,255,.12);
  --label:rgba(18,22,28,.86); --label-fg:#F1F4F8; --shadow:0 10px 30px rgba(0,0,0,.35);
  --tp-bleu:#3E7BEA; --tp-blanc:#D9DEE6; --tp-blanc-fg:#17202B; --tp-rouge:#E0475A; color-scheme:dark}
:root[data-skin="clair"]{color-scheme:light}
:root[data-skin="atelier"]{ /* IHM haute performance (ISA-101) : gris, la couleur est réservée aux alarmes */
  --bg:#D9DBDE; --panel:#E9EAEC; --panel2:#E1E3E6; --fg:#1D2125; --mute:#4F555C; --line:#B9BDC2;
  --acc:#3A3F45; --on-acc:#F2F3F4; --ok:#3A3F45; --warn:#E8C800; --crit:#E0201B; --com:#B832C2;
  --stage:#D2D5D9; --dots:#BDC1C6; --slab:#A9AEB4; --wall:rgba(0,0,0,.05); --wall-line:rgba(0,0,0,.25);
  --label:#F6F7F8; --label-fg:#1D2125; --shadow:none;
  --tp-bleu:#5A6068; --tp-blanc:#C6C9CD; --tp-blanc-fg:#1D2125; --tp-rouge:#1D2125;
  --f-ui:'IBM Plex Sans Condensed','Arial Narrow',sans-serif; --f-num:ui-monospace,'IBM Plex Mono',Menlo,monospace;
  --r:0px; --r-s:0px; color-scheme:light}