/* ── Radii, borders, elevation, depth ────────────────────────────────────────
   Radii are deliberately SMALL and crisp (2–10px) on functional UI. The one
   soft shape in the system is --radius-organic: an asymmetric blob used for
   imagery masks and background forms, never on controls. Elevation is a cool,
   low-opacity two-layer shadow; the brand's real "lift" comes from a hairline
   plus a 1px inner highlight, not from blur. */
:root {
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-xl:18px;
  --radius-pill:999px;
  --radius-organic:58% 42% 47% 53% / 44% 56% 44% 56%; /* @kind radius */

  --border-w:1px; /* @kind spacing */
  --border-w-thick:2px; /* @kind spacing */
  --border-w-brutal:3px; /* @kind spacing */

  --shadow-0:none; /* @kind shadow */
  --shadow-1:0 1px 2px color-mix(in oklab, var(--n-950) 6%, transparent);
  --shadow-2:0 1px 2px color-mix(in oklab, var(--n-950) 5%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--n-950) 12%, transparent);
  --shadow-3:0 2px 4px color-mix(in oklab, var(--n-950) 5%, transparent), 0 18px 40px -18px color-mix(in oklab, var(--n-950) 20%, transparent);
  --shadow-4:0 4px 8px color-mix(in oklab, var(--n-950) 6%, transparent), 0 40px 80px -32px color-mix(in oklab, var(--n-950) 26%, transparent);
  --shadow-inner-hi:inset 0 1px 0 color-mix(in oklab, #fff 70%, transparent);
  --shadow-hard:4px 4px 0 var(--n-950);
  --glow-signal:0 0 0 1px color-mix(in oklab, var(--signal-400) 55%, transparent), 0 8px 28px -8px color-mix(in oklab, var(--signal-400) 60%, transparent);

  /* depth / immersion */
  --blur-veil:12px; /* @kind other */
  --blur-heavy:28px; /* @kind other */
  --veil:color-mix(in oklab, var(--n-000) 72%, transparent); /* @kind other */
  --veil-dark:color-mix(in oklab, var(--n-950) 62%, transparent); /* @kind other */
  --perspective:900px; /* @kind other */
  --tilt-max:7deg; /* @kind other */
  --grain-opacity:0.035; /* @kind other */
  --sweep-cold:linear-gradient(180deg, var(--steel-100), transparent 70%); /* @kind other */
  --sweep-signal:linear-gradient(103deg, var(--signal-300), var(--signal-400) 46%, var(--steel-300)); /* @kind other */
  --protection-bottom:linear-gradient(to top, color-mix(in oklab, var(--n-950) 85%, transparent), transparent); /* @kind other */

  --z-base:0; /* @kind other */
  --z-raised:10; /* @kind other */
  --z-sticky:100; /* @kind other */
  --z-overlay:400; /* @kind other */
  --z-modal:500; /* @kind other */
  --z-toast:600; /* @kind other */
}