/* Orbita · tema "Volare": palette, caratteri e pannelli ispirati a Starbase Live (Space Grotesk, Inter, JetBrains Mono)
   Caricato per ultimo su ogni pagina: ridefinisce i colori e i caratteri senza toccare il resto. */
:root{
  --void:#05070d;--deep:#0a0f1c;--panel:#0a1020;--solid:#0a1020;--glass-solid:#0a1020;
  --glass:rgba(8,12,24,.72);
  --line:rgba(255,255,255,.085);--line2:rgba(125,137,255,.36);--line-strong:rgba(125,137,255,.38);
  --ice:#8794ff;--ice-dim:#4a57e5;
  --amber:#ff8a3d;--flame:#ff6b3d;
  --text:#eef1ff;--muted:#8d96b8;
  --ok:#3ddc97;--ko:#ff5a5f;--part:#ffc86b;--geo:#3ddc97;
  --brand:'Space Grotesk','Inter',system-ui,sans-serif;
  --display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
body{font-variation-settings:normal;font-feature-settings:'ss01' 0}
/* titoli: Space Grotesk semibold, senza maiuscolo forzato */
.ohero h1,.hero h1,.head h2,.lbl,h1.t,.cdcard h2,.lbox h3,.station h3,.apod h3,.mcard h3,.cal h4,.ev h4,.ms h4,.pcard b{font-family:var(--brand);font-weight:600;letter-spacing:-.01em;text-transform:none}
.ohero h1,.hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.08}
.head h2{font-size:clamp(22px,2.6vw,30px)}
.sub{font-family:var(--mono);letter-spacing:.14em}
/* marchio: Space Grotesk spaziato, come "Starbase Live" */
.logo b,.bootin b{font-family:var(--brand);font-weight:600;letter-spacing:.2em;font-size:15px;text-shadow:none}
.brand h1{font-size:16px}
.panel h2,.card .cn,.swpop h4,.altm h2,.sbpanel h3,.wxc h4{font-family:var(--mono);font-weight:500;letter-spacing:.16em;text-transform:uppercase}
/* etichette tecniche (label-eyebrow): mono piccolo, maiuscolo, spaziato */
.eyebrow,.kpi span,.cdcard .k,.cdcard .row span,.kvs span,.nav nav a,.nav .back,.btn,.chips button,.tag3,.st{font-family:var(--mono);font-stretch:100%;letter-spacing:.12em}
/* pannelli: bordo sottile, fondo appena più chiaro, riga luminosa in alto sui pannelli in evidenza */
.panel,.lbox,.sbpanel,.wxc,.kvs div,.feed,.mcard,.station,.pcard,.panel2,.cdcard{border-color:var(--line)}
.lbox,.cdcard,.sbpanel.acc{background:linear-gradient(180deg,rgba(74,87,229,.10),rgba(10,16,32,.92) 38%),#0a1020;border-top:1px solid rgba(125,137,255,.45)}
.cdcard{background:linear-gradient(180deg,rgba(74,87,229,.14),rgba(8,12,24,.88) 40%)}
/* pagine interne: griglia sottile sullo sfondo e sfumatura in alto */
body:has(.topnav){background-color:var(--void);background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px}
body:has(.topnav) .ohero,body:has(.topnav) .hero{background-image:radial-gradient(ellipse at 80% -30%,rgba(74,87,229,.22),transparent 60%),radial-gradient(ellipse at 0% 120%,rgba(255,138,61,.07),transparent 55%)}
section.blk{border-bottom-color:var(--line)}
/* badge LIVE come su Starbase Live: puntino verde che pulsa */
.dotl.ok,.badge i{box-shadow:0 0 12px rgba(61,220,151,.7)}
@keyframes lv{50%{opacity:.45}}
.dotl.ok,.dotl.warn{animation:lv 1.8s infinite}
@media (prefers-reduced-motion:reduce){.dotl.ok,.dotl.warn{animation:none}}
.btn.primary,.cdcard .acts .pri{background:var(--amber);border-color:var(--amber);color:#1a0d00}


/* cifre sempre alla stessa altezza (lining) e a larghezza fissa nei dati */
*{font-variant-numeric:lining-nums}
.t,.kpi b,.big b,.cdn4 b,.mono,output,td.num,.tzb,.cdcard .big b{font-variant-numeric:lining-nums tabular-nums}