:root{
  /* borders — hairlines everywhere; the system is drawn with 1px seams, not shadows */
  --bw-hair:1px;
  --bw-rail:2px;   /* left severity rail on log rows */
  --bw-accent:3px; /* role-color spine on cards (guardian) */

  /* shadows — marketing uses soft lift; the console uses inset seams + glow */
  --shadow-card:0 1px 2px rgba(15,29,45,.06),0 8px 24px -12px rgba(15,29,45,.18);
  --shadow-card-hover:0 2px 4px rgba(15,29,45,.08),0 18px 40px -16px rgba(15,29,45,.28);
  --shadow-inset-seam:inset 0 0 0 1px var(--line-hi);
  --shadow-lift-blue:0 10px 40px -12px rgba(31,93,155,.40);
  --shadow-modal:0 20px 25px -5px rgb(0 0 0 / .5),0 8px 10px -6px rgb(0 0 0 / .5);

  /* glows — state readable from across a classroom */
  --glow-good:0 0 8px var(--phosphor);
  --glow-info:0 0 8px var(--trace);
  --glow-caution:0 0 8px var(--flare);
  --glow-critical:0 0 8px var(--threat);

  /* motion */
  --dur-instant:60ms; /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:150ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --step-mechanical:steps(2); /* @kind other */   /* klaxons step, they do not breathe */

  /* textures & overlays */
  --crt-scanlines:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px); /* @kind other */
  --crt-vignette:radial-gradient(120% 95% at 50% 42%,transparent 68%,rgba(2,6,14,.28) 100%); /* @kind other */
  --hazard-stripes:repeating-linear-gradient(-45deg,#3a2410 0 12px,#14100a 12px 24px); /* @kind other */
  --klaxon-stripes:repeating-linear-gradient(-45deg,#4d1210 0 14px,#210807 14px 28px); /* @kind other */
  --panel-gradient:linear-gradient(180deg,var(--panel-2),var(--panel)); /* @kind other */
  --hero-gradient:radial-gradient(1200px 600px at 50% -10%,#10203a 0%,#0a0e16 55%,#06080d 100%); /* @kind other */
  --grid-phosphor:linear-gradient(rgba(83,232,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(83,232,164,.04) 1px,transparent 1px); /* @kind other */
  --grid-size:32px; /* @kind other */

  /* chamfer clip paths, ready to use */
  --clip-plate:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer)); /* @kind other */
  --clip-button:polygon(var(--chamfer-sm) 0,100% 0,100% calc(100% - var(--chamfer-sm)),calc(100% - var(--chamfer-sm)) 100%,0 100%,0 var(--chamfer-sm)); /* @kind other */

  /* blur — used only on floating console panels and modal backdrops */
  --blur-panel:6px; /* @kind other */
  --blur-backdrop:4px; /* @kind other */
}