/* AlphaEngine OS · sistema "Cockpit" (DEC-130). Regole durevoli in DESIGN.md.
   Lo strumento accanto ai grafici: Grafite di default, Chiaro a richiesta (html[data-tono="chiaro"]).
   Solo token, caratteri e base: i componenti dell'app stanno in lite/app.css, quelli della diagnosi
   nella sua pagina. I nomi delle variabili sono quelli di "Scrivania", cosi' i moduli non cambiano. */

@font-face{font-family:"Onest";font-weight:400;font-display:swap;src:url(fonts-v2/onest-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-weight:500;font-display:swap;src:url(fonts-v2/onest-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-weight:600;font-display:swap;src:url(fonts-v2/onest-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Onest";font-weight:700;font-display:swap;src:url(fonts-v2/onest-latin-700-normal.woff2) format("woff2")}

:root{
  --ground:#1A2029; --ground-2:#1D242E; --plate:#212834; --plate-2:#283040;
  --rule:#2F3846; --rule-2:#3A4453; --rule-3:#556072;
  --ink:#EEF1F5; --ink-2:#C4CBD6; --ink-3:#9AA4B3;
  --acc:#3CCBF2; --acc-ink:#062431; --acc-tint:rgba(60,203,242,.12);
  --deep:#0A6E96; --deep-ink:#FFFFFF;
  --ivory:#EDE7DF; --ivory-ink:#1A2029; --pro-bg:#EDE7DF; --pro-fg:#1A2029;
  --held:#5CC596; --held-tint:#1F3A30; --broken:#F0857C; --broken-tint:#3E2627;
  --warn:#E8B45A; --warn-tint:#3A3122; --rest:#ABA4EA; --live:#EEF1F5;
  --ombra:rgba(6,10,16,.45);
  --l405:var(--rest); --l436:var(--ink-2); --l486:var(--acc); --l546:var(--held); --l589:var(--live); --l615:var(--warn); --l656:var(--broken);
  --sans:"Onest",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; --mono:var(--sans);
  --r:12px; --r-s:9px; --ease:cubic-bezier(.16,1,.3,1); --t:180ms var(--ease);
  color-scheme:dark;
}
:root[data-tono="chiaro"]{
  --ground:#F5F7F9; --ground-2:#EEF1F4; --plate:#FFFFFF; --plate-2:#F3F5F8;
  --rule:#E1E6EC; --rule-2:#D3DAE2; --rule-3:#AEB7C3;
  --ink:#0E1621; --ink-2:#3D4857; --ink-3:#5F6B7D;
  --acc:#0A6E96; --acc-ink:#FFFFFF; --acc-tint:rgba(10,110,150,.09);
  --deep:#0A6E96; --deep-ink:#FFFFFF;
  --ivory:#5B4F3E; --ivory-ink:#FFFFFF; --pro-bg:#0E1621; --pro-fg:#EDE7DF;
  --held:#1F7A52; --held-tint:#E5F3EC; --broken:#B4322B; --broken-tint:#FBEAE8;
  --warn:#8A5A00; --warn-tint:#FBF1DE; --rest:#5E54B5; --live:#0E1621;
  --ombra:rgba(14,22,33,.12);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}
::selection{background:color-mix(in srgb,var(--acc) 30%,transparent)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}