/* ============================================================
   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 */
  --shadow-inset-deep:
    inset 0 2px 4px rgba(0, 0, 0, 0.6),
    inset 0 0 0 1px var(--c-bezel-shadow);
  --shadow-raised:
    0 1px 0 0 var(--c-bezel-hi),
    0 2px 6px rgba(0, 0, 0, 0.5);
  --shadow-panel:
    0 4px 16px rgba(0, 0, 0, 0.6),
    0 0 0 1px var(--c-bezel-shadow);
  --shadow-chassis:
    0 12px 32px rgba(0, 0, 0, 0.7),
    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);
}