/* ============================================================
   ELEVATION & SURFACE TREATMENTS
   Cybersyn's hierarchy comes from geometry, not blur. Shadows
   are minimal and hard-edged — the cast shadow of a physical
   panel mounted on a wall, never a soft glassy float.
   ============================================================ */

:root {
  /* hard, low, physical shadows (mounted-panel feel) */
  --shadow-panel:  0 2px 0 0 rgba(35, 35, 35, 0.18);
  --shadow-raised: 0 6px 0 -2px rgba(35, 35, 35, 0.22), 0 2px 8px rgba(35,35,35,0.12);
  --shadow-screen: inset 0 0 0 1px rgba(255,255,255,0.06), inset 0 2px 24px rgba(0,0,0,0.55);

  /* signal glow — for illuminated status indicators only */
  --glow-orange: 0 0 0 2px rgba(233, 92, 43, 0.25);
  --glow-green:  0 0 0 2px rgba(76, 155, 99, 0.30);
  --glow-red:    0 0 0 2px rgba(214, 58, 58, 0.30);

  /* the CRT scanline overlay (used on dark data surfaces) */
  --scanlines: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.00) 0px,
    rgba(255,255,255,0.00) 2px,
    rgba(255,255,255,0.035) 3px,
    rgba(255,255,255,0.00) 4px
  ); /* @kind other */

  /* warm wood-panel texture (use sparingly as a framing field) */
  --wood-grain: repeating-linear-gradient(
    90deg,
    #B07A3C 0px, #B07A3C 38px,
    #A06E34 39px, #A06E34 40px,
    #B8854A 41px, #B07A3C 78px
  ); /* @kind other */
}