/* glass.css — il tema glass comune ai siti di stevenverse.it (Comics, ricettario, access, PersonalOS).
   Originale in 011.Access/pagine/: si modifica solo lì, poi `npm run glass` (in 011.Access) lo copia negli altri
   siti. Qui SOLO token, color-scheme e il font: i componenti stanno nel CSS di ogni sito, caricato dopo questo.
   Nato in Comics il 2026-10-03: chiaro originale e scuro «ghiaccio». Niente backdrop-filter: il vetro è superficie
   traslucida + bordo luminoso + bagliori sul fondo. Inter è servito da ogni sito (inter.woff2 accanto a questo
   file, licenza OFL in inter-OFL.txt): le CSP dei siti sono default-src 'self'. */
@font-face {
  font-family: Inter;
  src: url(inter.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root, :root[data-tema="light"] {
  color-scheme: light;
  --bg: #eef6ff; --glow-1: rgba(79, 140, 255, .30); --glow-2: rgba(168, 85, 247, .24);
  --card: rgba(255, 255, 255, .74); --card-2: rgba(238, 246, 255, .72);
  --panel: rgba(248, 251, 255, .97); --solido: #f7faff; --velo: rgba(16, 32, 51, .40);
  --line: rgba(255, 255, 255, .64); --divisore: rgba(16, 32, 51, .10);
  --ink: #102033; --ink-2: #34465f; --mut: #4c5c74; --mut-2: #8794aa;
  --blu: #4f8cff; --blu-2: #2f6fe8; --blu-3: #2b66d6; --blu-soft: #4f8cff26; --blu-ink: #2657b2;
  --verde: #22c55e; --verde-ink: #166534; --verde-pieno: #15803d;
  --oro: #f59e0b; --oro-ink: #92400e; --rosa: #ef4444; --rosa-ink: #991b1b;
  /* --oro-2: ambra per i bordi (3:1 non testuale), dove --oro in chiaro non arriva. Nato in PersonalOS. */
  --oro-2: #b45309;
  --ombra: 0 24px 80px rgba(79, 140, 255, .18); --ombra-s: 0 8px 30px rgba(79, 140, 255, .12);
}
:root[data-tema="dark"] {
  color-scheme: dark;
  --bg: #070b16; --glow-1: rgba(79, 140, 255, .30); --glow-2: rgba(168, 85, 247, .24);
  --card: rgba(255, 255, 255, .10); --card-2: rgba(255, 255, 255, .06);
  --panel: rgba(16, 22, 38, .97); --solido: #121829; --velo: rgba(3, 5, 12, .66);
  --line: rgba(255, 255, 255, .16); --divisore: rgba(255, 255, 255, .12);
  --ink: #eaf2ff; --ink-2: #c3d0e6; --mut: #adb7c9; --mut-2: #6f7d96;
  --blu-soft: #4f8cff2e; --blu-ink: #90b6ff;
  --verde: #34d399; --verde-ink: #34d399;
  --oro: #fbbf24; --oro-ink: #fbbf24; --rosa: #f87171; --rosa-ink: #fa9d9d;
  --oro-2: #fbbf24;
  --ombra: 0 24px 80px rgba(0, 0, 0, .45); --ombra-s: 0 8px 30px rgba(0, 0, 0, .35);
}
:root {
  --r-xs: 8px; --r-sm: 16px; --r-md: 24px; --r-lg: 36px; --pill: 9999px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--blu-ink);
  --font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}