:root {
  --e1: 4px;   --e2: 8px;   --e3: 12px;  --e4: 16px;
  --e5: 20px;  --e6: 24px;  --e8: 32px;  --e10: 40px;
  --e12: 48px; --e16: 64px; --e20: 80px; --e28: 112px;
  --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 26px; --r-2xl: 34px;
  --pill: 999px;
  --logo-fond: #ffffff;   
  --police: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --t-geant: clamp(2.75rem, 1.6rem + 3.6vw, 4.25rem);
  --t-hero:  clamp(2.4rem, 1.5rem + 2.7vw, 3.5rem);
  --t-sect:  clamp(1.75rem, 1.3rem + 1.35vw, 2.45rem);
  --t-titre: 1.25rem;
  --t-sous:  1.0625rem;
  --t-corps: 0.9375rem;
  --t-donnee: 0.8125rem;
  --t-label: 0.6875rem;
  --t-micro: 0.625rem;
  --suivi-label: 0.13em;   
  --suivi-titre: -0.025em; 
  --tr-vif: 120ms;
  --tr: 200ms;
  --tr-long: 420ms;
  --entree: cubic-bezier(.16, 1, .3, 1);      
  --sortie: cubic-bezier(.4, 0, 1, 1);
  --doux:   cubic-bezier(.4, 0, .2, 1);
  --ressort: cubic-bezier(.34, 1.56, .64, 1); 
  --rail: 264px;
  --entete: 56px;
  --entete-marge: 12px;
}
:root,
:root[data-theme="nuit"] {
  color-scheme: dark;
  --fond:       #0a0b13;
  --fond-2:     #0e1020;
  --fond-creux: #06070e;          
  --surface:   rgba(255,255,255,.038);
  --surface-2: rgba(255,255,255,.062);
  --surface-3: rgba(255,255,255,.095);
  --surface-pleine: #15172a;       
  --verre:     rgba(13,15,29,.72); 
  --bord:      rgba(255,255,255,.075);
  --bord-fort: rgba(255,255,255,.145);
  --bord-net:  rgba(255,255,255,.24);
  --ink:   #eceafa;
  --ink-2: #a9a6c8;
  --ink-3: #807d9e;
  --ink-4: #5b5979;
  --acc:       #a496ff;
  --acc-vif:   #bcaeff;
  --acc-sourd: #7d6fd6;
  --acc-voile: rgba(164,150,255,.13);
  --acc-brume: rgba(164,150,255,.06);
  --acc-trait: rgba(164,150,255,.30);
  --sur-acc:   #16122e;            
  --gain:        #3fd9a0;
  --gain-voile:  rgba(63,217,160,.13);
  --gain-trait:  rgba(63,217,160,.32);
  --perte:       #ff7d84;
  --perte-voile: rgba(255,125,132,.13);
  --perte-trait: rgba(255,125,132,.30);
  --neutre:      #8b88a8;
  --neutre-voile: rgba(139,136,168,.12);
  --alerte:       #ffc266;
  --alerte-voile: rgba(255,194,102,.13);
  --alerte-trait: rgba(255,194,102,.30);
  --info:         #6fb6ff;
  --info-voile:   rgba(111,182,255,.12);
  --info-trait:   rgba(111,182,255,.28);
  --impact-fort:   #ff6b6b;
  --impact-moyen:  #ffa94d;
  --impact-faible: #ffd43b;
  --impact-ferie:  #9a97b5;
  --impact-fort-voile:   rgba(255,107,107,.14); --impact-fort-trait:   rgba(255,107,107,.36); --impact-fort-txt:   #ff9191;
  --impact-moyen-voile:  rgba(255,169,77,.14);  --impact-moyen-trait:  rgba(255,169,77,.36);  --impact-moyen-txt:  #ffbe78;
  --impact-faible-voile: rgba(255,212,59,.12);  --impact-faible-trait: rgba(255,212,59,.34);  --impact-faible-txt: #ffdf70;
  --impact-ferie-voile:  rgba(154,151,181,.14); --impact-ferie-trait:  rgba(154,151,181,.34); --impact-ferie-txt:  #bdbad6;
  --sess-ciel: #45c3ed; --sess-bleu: #659cfb; --sess-indigo: #8989fa; --sess-violet: #ba73fc;
  --sess-mauve: #d873e8; --sess-rose: #f575c6; --sess-ardoise: #919cb6; --sess-sable: #c6ad80;
  --om-1: 0 1px 2px rgba(0,0,0,.45),
          inset 0 1px 0 rgba(255,255,255,.055);
  --om-2: 0 1px 2px rgba(0,0,0,.4),
          0 10px 28px -14px rgba(0,0,0,.85),
          inset 0 1px 0 rgba(255,255,255,.07);
  --om-3: 0 2px 6px rgba(0,0,0,.45),
          0 28px 64px -28px rgba(0,0,0,.95),
          inset 0 1px 0 rgba(255,255,255,.09);
  --om-acc: 0 14px 44px -16px rgba(124,104,255,.55);
  --verre-bord: inset 0 1px 0 rgba(255,255,255,.09), inset 0 0 0 1px rgba(255,255,255,.05);
  --om-btn: 0 12px 32px -12px rgba(164,150,255,.55), inset 0 1px 0 rgba(255,255,255,.35);
  --grad-carte: linear-gradient(176deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.016) 100%);
  --grad-haut:  linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 60%);
  --grad-acc:   linear-gradient(145deg, #b3a5ff 0%, #8878f0 55%, #6f5fd8 100%);
  --btn1: #b3a5ff;
  --btn2: #8878f0;
  --grad-nuit:  linear-gradient(160deg, #1b1d38 0%, #0f1020 100%);
  --aur-1: #6f6bff;
  --aur-2: #ff7ab8;
  --aur-3: #a97bff;
  --aur-4: #c0a6ff;
  --aur-force: .54;    
  --aur-flou: 90px;
  --grain: .5;
}
:root[data-theme="jour"] {
  color-scheme: light;
  --fond:       #e9e7fb;
  --fond-2:     #f3f2fe;
  --fond-creux: #dddbf2;
  --surface:   rgba(255,255,255,.72);
  --surface-2: rgba(255,255,255,.86);
  --surface-3: rgba(243,241,254,.90);
  --surface-pleine: #ffffff;
  --verre:     rgba(251,251,255,.80);
  --bord:      rgba(41,43,49,.10);
  --bord-fort: rgba(41,43,49,.17);
  --bord-net:  rgba(41,43,49,.30);
  --ink:   #23252c;
  --ink-2: #565a69;
  --ink-3: #74798a;
  --ink-4: #a7abc0;
  --acc:       #7a6cc4;
  --acc-vif:   #6354b8;
  --acc-sourd: #9b91dd;
  --acc-voile: rgba(122,108,196,.11);
  --acc-brume: rgba(122,108,196,.05);
  --acc-trait: rgba(122,108,196,.26);
  --sur-acc:   #ffffff;
  --gain:        #0d8666;
  --gain-voile:  rgba(13,134,102,.10);
  --gain-trait:  rgba(13,134,102,.26);
  --perte:       #c1444a;
  --perte-voile: rgba(193,68,74,.09);
  --perte-trait: rgba(193,68,74,.24);
  --neutre:      #6c7183;
  --neutre-voile: rgba(108,113,131,.09);
  --alerte:       #8d6216;
  --alerte-voile: rgba(141,98,22,.10);
  --alerte-trait: rgba(141,98,22,.26);
  --info:         #2b6cb8;
  --info-voile:   rgba(43,108,184,.09);
  --info-trait:   rgba(43,108,184,.24);
  --impact-fort:   #e03131;
  --impact-moyen:  #f08c00;
  --impact-faible: #e8b500;
  --impact-ferie:  #9ca0b4;
  --impact-fort-voile:   rgba(224,49,49,.10);   --impact-fort-trait:   rgba(224,49,49,.30);   --impact-fort-txt:   #bf2626;
  --impact-moyen-voile:  rgba(240,140,0,.12);   --impact-moyen-trait:  rgba(240,140,0,.34);   --impact-moyen-txt:  #9e5600;
  --impact-faible-voile: rgba(232,181,0,.16);   --impact-faible-trait: rgba(232,181,0,.42);   --impact-faible-txt: #7a5c00;
  --impact-ferie-voile:  rgba(156,160,180,.16); --impact-ferie-trait:  rgba(156,160,180,.42); --impact-ferie-txt:  #575b6f;
  --sess-ciel: #0a6e99; --sess-bleu: #265bc5; --sess-indigo: #4545c4; --sess-violet: #8539d0;
  --sess-mauve: #91389f; --sess-rose: #b12f7b; --sess-ardoise: #606b85; --sess-sable: #7f6134;
  --om-1: 0 1px 2px rgba(58,50,99,.09),
          inset 0 0 0 1px rgba(41,43,49,.05);
  --om-2: 0 2px 4px rgba(58,50,99,.07),
          0 14px 32px -14px rgba(58,50,99,.30),
          inset 0 0 0 1px rgba(41,43,49,.05);
  --om-3: 0 3px 8px rgba(58,50,99,.09),
          0 30px 64px -26px rgba(58,50,99,.38),
          inset 0 0 0 1px rgba(41,43,49,.045);
  --om-acc: 0 14px 40px -16px rgba(122,108,196,.48);
  --verre-bord: inset 0 0 0 1px rgba(255,255,255,.75);
  --om-btn: 0 10px 28px -10px rgba(101,68,199,.55), inset 0 1px 0 rgba(255,255,255,.22);
  --grad-carte: linear-gradient(176deg, rgba(255,255,255,.92) 0%, rgba(246,244,255,.76) 100%);
  --grad-haut:  linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 60%);
  --grad-acc:   linear-gradient(145deg, #8b7de0 0%, #7264c8 55%, #5f51b4 100%);
  --btn1: #8a63ef;
  --btn2: #6544c7;
  --grad-nuit:  linear-gradient(160deg, #2e1f6b 0%, #1d1247 100%);
  --aur-1: #6f6bff;
  --aur-2: #ff7ab8;
  --aur-3: #a97bff;
  --aur-4: #c0a6ff;
  --aur-force: .66;
  --aur-flou: 100px;
  --grain: .4;
}
:root[data-focus="1"] {
  --aur-force: .08;
  --grain: .15;
}