/* Jetons de couleur et de relief du poste de pilotage (UI §3, lot D).
   Valeurs : objet PAL de Main.dc.html (= DESIGN §3, §5, §7) et PLATC d'Audience.dc.html.
   SEUL fichier qui contient des couleurs littérales et des sélecteurs de thème :
   - clair par défaut ;
   - sombre si data-theme="dark" (choix « Sombre », ou « Automatique » sur un appareil sombre,
     posé par le JS) ;
   - sombre dès le premier affichage en « Automatique » si l'appareil est sombre (media query),
     tant que le JS n'a pas posé data-theme="light". */

:root{
  --bg:#FBF8FF; --surfLow:#F5F2FA; --surf:#FFFFFF; --surfHigh:#EFEDF4; --surfHighest:#E4E1E9;
  --ink:#1B1B21; --inkSoft:#46464F; --outline:#777680; --outlineSoft:#C7C5D0;
  --primary:#4355B9; --onPrimary:#FFFFFF; --primaryCont:#DEE0FF; --onPrimaryCont:#00105C;
  --secondaryCont:#E0E1F9; --onSecondaryCont:#181A2C;
  --okCont:#A8F2B8; --onOk:#00210D; --okInk:#1E6C3B;
  --warnCont:#FFDEA0; --onWarn:#261A00;
  --errCont:#FFDAD6; --onErr:#410002; --errInk:#BA1A1A; --onErrBadge:#FFFFFF;
  --inverseSurf:#303036; --inverseInk:#F2EFF7;
  --codeBg:#1B1B21; --codeInk:#E4E1E9;
  --glass:rgba(251,248,255,.74); --glassLine:rgba(119,118,128,.16);
  --heroBg:linear-gradient(135deg,#DEE0FF 0%,#ECEBFF 55%,#F7F2FF 100%); --heroSoft:#2C3A7D;
  --heroShadow:0 1px 2px rgba(20,22,48,.06), 0 4px 12px rgba(20,22,48,.06), inset 0 1px 0 rgba(255,255,255,.6);
  --focus:#4355B9;
  --selBg:#DEE0FF; --selInk:#00105C; --scrollThumb:#C7C5D0;
  --e1:0 1px 2px rgba(20,22,48,.06), 0 1px 3px 1px rgba(20,22,48,.06);
  --e2:0 2px 6px rgba(20,22,48,.08), 0 10px 28px rgba(20,22,48,.10);
  --e3:0 6px 16px rgba(67,85,185,.22), 0 18px 44px rgba(67,85,185,.18);
  --e3h:0 8px 18px rgba(67,85,185,.24), 0 20px 46px rgba(67,85,185,.20);
  --btnBombe:inset 0 1px 0 rgba(255,255,255,.22);
  --keySh:inset 0 -3px 0 rgba(20,22,48,.14), inset 0 1px 0 rgba(255,255,255,.6), 0 1px 2px rgba(20,22,48,.08);
  --keyShDown:inset 0 -1px 0 rgba(20,22,48,.14), inset 0 1px 0 rgba(255,255,255,.6);
  --cat1-bg:#BDEBE5; --cat1-fg:#00201D; --cat1-ink:#006A62;
  --cat2-bg:#C4E7FF; --cat2-fg:#001E2C; --cat2-ink:#00658E;
  --cat3-bg:#FFD7F1; --cat3-fg:#2D1228; --cat3-ink:#8E4A7E;
  --plat-ligne:#4355B9; --plat-youtube:#A43D72; --plat-telegram:#1C7FB5;
  --plat-spotify:#8A6500; --plat-podcast:#7A5230; --plat-liens:#5F6372;
  --bar2:#6674CC; --bar3:#9AA6F0;
  --waWall:#EFE7DE; --waBulle:#D9FDD3; --waInk:#111B21; --waMeta:#667781; --waLien:#00639A;
}
/* Catégorie neutre (ליקוטי מוהר"ן, cours sans touche) : mêmes valeurs dans les deux thèmes. */
:root{ --cat0-bg:var(--surfHigh); --cat0-fg:var(--ink); --cat0-ink:var(--inkSoft); }

:root[data-theme=dark]{
  --bg:#121318; --surfLow:#1B1B21; --surf:#1F1F25; --surfHigh:#2A292F; --surfHighest:#35343A;
  --ink:#E4E1E9; --inkSoft:#C7C5D0; --outline:#91909A; --outlineSoft:#46464F;
  --primary:#BAC3FF; --onPrimary:#08218A; --primaryCont:#293CA0; --onPrimaryCont:#DEE0FF;
  --secondaryCont:#43465A; --onSecondaryCont:#E0E1F9;
  --okCont:#00522A; --onOk:#A8F2B8; --okInk:#8DD79D;
  --warnCont:#5C4300; --onWarn:#FFDEA0;
  --errCont:#93000A; --onErr:#FFDAD6; --errInk:#FFB4AB; --onErrBadge:#690005;
  --inverseSurf:#E4E1E9; --inverseInk:#303036;
  --codeBg:#0E0E13; --codeInk:#E4E1E9;
  --glass:rgba(18,19,24,.72); --glassLine:rgba(119,118,128,.16);
  --heroBg:linear-gradient(135deg,#232A63 0%,#1F1F25 70%); --heroSoft:#BABFEC;
  --heroShadow:0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);
  --focus:#BAC3FF;
  --selBg:#293CA0; --selInk:#DEE0FF; --scrollThumb:#46464F;
  --e1:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);
  --e2:0 2px 8px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
  --e3:0 8px 22px rgba(0,0,0,.5), 0 18px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  --e3h:0 10px 24px rgba(0,0,0,.55), 0 20px 50px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  --btnBombe:inset 0 1px 0 rgba(255,255,255,.12);
  --keySh:inset 0 -3px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  --keyShDown:inset 0 -1px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  --cat1-bg:#005049; --cat1-fg:#9FF2E8; --cat1-ink:#82D5CB;
  --cat2-bg:#004C6B; --cat2-fg:#C4E7FF; --cat2-ink:#7DD0FF;
  --cat3-bg:#5D3C55; --cat3-fg:#FFD7F1; --cat3-ink:#F3B4E2;
  --plat-ligne:#BAC3FF; --plat-youtube:#F0A3C8; --plat-telegram:#8CCBF0;
  --plat-spotify:#E8C266; --plat-podcast:#D9AE8C; --plat-liens:#B7BAC8;
  --bar2:#8792DB; --bar3:#5D69B8;
  --waWall:#0B141A; --waBulle:#005C4B; --waInk:#E9EDEF; --waMeta:#8696A0; --waLien:#8FD6F5;
}
:root[data-theme=dark] .root{color-scheme:dark}
:root[data-theme=dark] .t-cours-m{font-weight:600}

@media (prefers-color-scheme:dark){
  :root[data-mode=auto]:not([data-theme=light]){
    --bg:#121318; --surfLow:#1B1B21; --surf:#1F1F25; --surfHigh:#2A292F; --surfHighest:#35343A;
    --ink:#E4E1E9; --inkSoft:#C7C5D0; --outline:#91909A; --outlineSoft:#46464F;
    --primary:#BAC3FF; --onPrimary:#08218A; --primaryCont:#293CA0; --onPrimaryCont:#DEE0FF;
    --secondaryCont:#43465A; --onSecondaryCont:#E0E1F9;
    --okCont:#00522A; --onOk:#A8F2B8; --okInk:#8DD79D;
    --warnCont:#5C4300; --onWarn:#FFDEA0;
    --errCont:#93000A; --onErr:#FFDAD6; --errInk:#FFB4AB; --onErrBadge:#690005;
    --inverseSurf:#E4E1E9; --inverseInk:#303036;
    --codeBg:#0E0E13; --codeInk:#E4E1E9;
    --glass:rgba(18,19,24,.72); --glassLine:rgba(119,118,128,.16);
    --heroBg:linear-gradient(135deg,#232A63 0%,#1F1F25 70%); --heroSoft:#BABFEC;
    --heroShadow:0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);
    --focus:#BAC3FF;
    --selBg:#293CA0; --selInk:#DEE0FF; --scrollThumb:#46464F;
    --e1:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);
    --e2:0 2px 8px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
    --e3:0 8px 22px rgba(0,0,0,.5), 0 18px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
    --e3h:0 10px 24px rgba(0,0,0,.55), 0 20px 50px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
    --btnBombe:inset 0 1px 0 rgba(255,255,255,.12);
    --keySh:inset 0 -3px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
    --keyShDown:inset 0 -1px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
    --cat1-bg:#005049; --cat1-fg:#9FF2E8; --cat1-ink:#82D5CB;
    --cat2-bg:#004C6B; --cat2-fg:#C4E7FF; --cat2-ink:#7DD0FF;
    --cat3-bg:#5D3C55; --cat3-fg:#FFD7F1; --cat3-ink:#F3B4E2;
    --plat-ligne:#BAC3FF; --plat-youtube:#F0A3C8; --plat-telegram:#8CCBF0;
    --plat-spotify:#E8C266; --plat-podcast:#D9AE8C; --plat-liens:#B7BAC8;
    --bar2:#8792DB; --bar3:#5D69B8;
    --waWall:#0B141A; --waBulle:#005C4B; --waInk:#E9EDEF; --waMeta:#8696A0; --waLien:#8FD6F5;
  }
  :root[data-mode=auto]:not([data-theme=light]) .root{color-scheme:dark}
  :root[data-mode=auto]:not([data-theme=light]) .t-cours-m{font-weight:600}
}