:root{
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shell: min(1500px, calc(100vw - 64px));
  --radius-xl: 40px;
  --radius-lg: 30px;
  --radius-md: 22px;
  --gap: 22px;
  --bg: #030712;
  --panel: rgba(8, 18, 36, .62);
  --panel-strong: rgba(10, 25, 48, .78);
  --stroke: rgba(157, 202, 255, .16);
  --stroke-strong: rgba(157, 202, 255, .26);
  --text: #f8fbff;
  --muted: rgba(214, 230, 255, .68);
  --faint: rgba(214, 230, 255, .44);
  --blue: #60a5fa;
  --cyan: #38e8ff;
  --violet: #a78bfa;
  --green: #4ade80;
  --yellow: #facc15;
  --orange: #fb923c;
  --red: #f87171;
  --shadow: 0 30px 90px rgba(0,0,0,.42);
  --shadow-hover: 0 45px 130px rgba(0,0,0,.52);
}

/* v1.21 — wider desktop canvas */
@media (min-width: 1181px){
  :root{--shell:min(1800px, calc(100vw - 96px));}
}