/* ============================================================
   SETTINGS · SHADOWS & GLOW
   Two shadow systems:
   - DEPTH  : neutral drop shadows for chassis depth
   - GLOW   : colored aura for live signals (Birren: signal only)
   ============================================================ */

:root {
  /* Depth — chassis hierarchy. Drop legs build on the theme-aware
     --shadow-color (black at depth in dark; a warm low-alpha recess on cream),
     so panels read as gently raised paper in light — never dirty. The
     color-mix percentages preserve the original per-leg intensity in dark
     (0.7 base → ~0.6 / ~0.5 / 0.7) and inherit light's soft alpha for free.
     The bezel-seam legs already use theme-aware tokens — left untouched. */
  --shadow-inset-deep:
    inset 0 2px 4px color-mix(in srgb, var(--shadow-color) 86%, transparent),
    inset 0 0 0 1px var(--c-bezel-shadow);
  --shadow-raised:
    0 1px 0 0 var(--c-bezel-hi),
    0 2px 6px color-mix(in srgb, var(--shadow-color) 71%, transparent);
  --shadow-panel:
    0 4px 16px color-mix(in srgb, var(--shadow-color) 86%, transparent),
    0 0 0 1px var(--c-bezel-shadow);
  --shadow-chassis:
    0 12px 32px var(--shadow-color),
    0 0 0 2px var(--c-bezel-dark);

  /* Glow — earned, signal-only */
  --glow-cyan:
    0 0 4px var(--c-signal-cyan),
    0 0 16px color-mix(in srgb, var(--c-signal-cyan) 60%, transparent);
  --glow-magenta:
    0 0 4px var(--c-signal-magenta),
    0 0 16px color-mix(in srgb, var(--c-signal-magenta) 60%, transparent);
  --glow-lime:
    0 0 4px var(--c-signal-lime),
    0 0 12px color-mix(in srgb, var(--c-signal-lime) 50%, transparent);
  --glow-amber:
    0 0 4px var(--c-signal-amber),
    0 0 12px color-mix(in srgb, var(--c-signal-amber) 50%, transparent);
  --glow-red:
    0 0 4px var(--c-signal-red),
    0 0 16px color-mix(in srgb, var(--c-signal-red) 60%, transparent);
  --glow-phosphor:
    0 0 2px var(--c-phosphor-green),
    0 0 8px color-mix(in srgb, var(--c-phosphor-green) 50%, transparent);
}