/* ============================================================
   MARKS METALL — EFFECTS: radii, borders, shadows, glow, blur
   Industrial = sharp. Radii are minimal (0–6px). No pill shapes.
   Depth comes from dark elevation + subtle laser glow, not soft blur.
   ============================================================ */
:root {
  /* Radii — kept tight & precise */
  --radius-0: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;   /* only for dots / status pips */

  /* Border widths */
  --bw-hair: 1px;
  --bw: 1.5px;
  --bw-thick: 2px;

  /* Elevation shadows (on dark — deep, low-spread) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.5);
  --shadow-lg: 0 18px 48px rgba(0,0,0,0.55);
  --shadow-xl: 0 32px 80px rgba(0,0,0,0.6);
  --shadow-inset-top: inset 0 1px 0 rgba(255,255,255,0.05);

  /* Laser glow — signature accent emphasis */
  --glow-laser: 0 0 0 1px rgba(216,93,0,0.4), 0 8px 30px rgba(216,93,0,0.28);
  --glow-laser-soft: 0 6px 24px rgba(216,93,0,0.22);
  --glow-edge: 0 0 24px rgba(255,133,52,0.45);   /* hot cut edge */

  /* Blur (for sticky nav / overlays) */
  --blur-nav: 14px;      /* @kind other */
  --blur-overlay: 8px;   /* @kind other */

  /* Protection gradient (legibility over imagery) */
  --scrim-bottom: linear-gradient(to top, rgba(8,9,10,0.92) 0%, rgba(8,9,10,0.55) 40%, rgba(8,9,10,0) 100%); /* @kind other */
  --scrim-full: linear-gradient(135deg, rgba(8,9,10,0.85) 0%, rgba(8,9,10,0.45) 55%, rgba(8,9,10,0.7) 100%); /* @kind other */

  /* Signature surfaces */
  --grad-steel: linear-gradient(135deg, #1A1E22 0%, #2C333A 55%, #14181B 100%); /* @kind other */
  --grad-laser: linear-gradient(100deg, var(--laser-600) 0%, var(--laser-400) 100%); /* @kind other */
  --hairline-grid: repeating-linear-gradient(0deg, transparent 0 39px, rgba(255,255,255,0.04) 39px 40px),
                   repeating-linear-gradient(90deg, transparent 0 39px, rgba(255,255,255,0.04) 39px 40px); /* @kind other */
}