:root{
  /* Radii — near-square. Nothing pill-shaped except status dots. */
  --radius-0:0px; --radius-1:2px; --radius-2:4px; --radius-3:8px; --radius-full:999px;

  --border-1:1px; /* @kind other */ --border-2:2px; /* @kind other */

  /* Elevation: black-on-black needs light edges, not soft grey shadows */
  --shadow-1:0 1px 0 #FFFFFF0F inset, 0 2px 8px #00000080;
  --shadow-2:0 1px 0 #FFFFFF12 inset, 0 12px 32px -8px #000000B3;
  --shadow-3:0 24px 64px -12px #000000E6;
  --glow-ember:0 0 0 1px #FF5A1F59, 0 0 28px -4px #FF5A1F66;
  --glow-ember-strong:0 0 0 1px #FF5A1F99, 0 0 44px -6px #FF5A1FA6;
  --glow-brass:0 0 26px -6px #C9A22780;

  /* Cinematic protection gradients — copy sits over imagery constantly */
  --scrim-bottom:linear-gradient(to top,#050506F2 0%,#05050699 42%,#05050600 100%); /* @kind other */
  --scrim-left:linear-gradient(to right,#050506F2 0%,#05050680 45%,#05050600 100%); /* @kind other */
  --scrim-vignette:radial-gradient(120% 90% at 50% 40%,#00000000 38%,#050506E6 100%); /* @kind other */

  --ember-wash:radial-gradient(60% 80% at 50% 110%,#FF5A1F33 0%,#FF5A1F00 70%); /* @kind other */
  --rule-ember:linear-gradient(to right,#FF5A1F00,#FF5A1F,#FF5A1F00); /* @kind other */

  --blur-glass:blur(14px) saturate(120%); /* @kind other */
  --grain-opacity:0.05; /* @kind other */
}