/* SNURRA ELEVATION — four layers, bottom to top:
   0 page (#0B0F1A)  ·  1 ambient wash + wave lines (behind everything, pointer-events:none)
   2 surfaces (cards, nav, inputs — flat fills + 1px hairline, NO drop shadow at rest)
   3 the brand mark (the only object allowed a real shadow + glow)
   4 fixed chrome / overlays (sticky nav, mobile menu)
   Depth comes from value contrast and hairlines, not from stacked shadows. */
:root{
--z-ambient:0; /* @kind other */
--z-surface:1; /* @kind other */
--z-mark:2; /* @kind other */
--z-chrome:50; /* @kind other */
--z-overlay:60; /* @kind other */

--shadow-none:none;
--shadow-card-hover:0 12px 32px -12px rgba(0,0,0,.7);
--shadow-disc:0 30px 90px -20px rgba(0,0,0,.65);      /* the mark */
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);
--shadow-chrome:0 1px 0 var(--border-hairline);
--glow-accent:0 0 22px -1px var(--accent);
--glow-accent-soft:0 0 18px -6px var(--accent);
--focus-shadow:0 0 0 3px var(--accent-ring);

--blur-ambient:44px;
--blur-chrome:14px;
--wash-opacity:.42; /* @kind other */
--waves-opacity:.5; /* @kind other */
--hairline:1px}