/* ============================================================
   OORT — Effects: shadows, glows, grids, textures
   Depth comes from hairline borders + top etch + cast shadow,
   not soft drop shadows. Accents glow.
   ============================================================ */

:root {
  /* ---- Cast shadows (cool, hard-ish) ---- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md:  0 4px 14px rgba(0, 0, 0, 0.55);
  --shadow-lg:  0 18px 48px rgba(0, 0, 0, 0.65);
  --shadow-xl:  0 32px 90px rgba(0, 0, 0, 0.7);

  /* ---- Etched edge: hairline border + inner top highlight ---- */
  --etch-top:   inset 0 1px 0 rgba(255, 255, 255, 0.05); /* @kind shadow */
  --etch-panel: inset 0 1px 0 rgba(255, 255, 255, 0.04),
                inset 0 0 0 1px rgba(255, 255, 255, 0.015); /* @kind shadow */

  /* ---- Signal glows ---- */
  --glow-ion:    0 0 0 1px rgba(47, 227, 207, 0.4), 0 0 18px var(--ion-glow);
  --glow-sodium: 0 0 0 1px rgba(255, 157, 60, 0.4), 0 0 18px var(--sodium-glow);
  --glow-plasma: 0 0 0 1px rgba(255, 61, 139, 0.4), 0 0 18px var(--plasma-glow);
  --glow-soft-ion: 0 0 24px var(--ion-glow);

  /* ---- Focus ---- */
  --ring-focus: 0 0 0 2px var(--carbon), 0 0 0 3.5px var(--ion-400);

  /* ---- Grid / blueprint backgrounds ---- */
  --grid-line: rgba(86, 99, 116, 0.10);
  --grid-line-strong: rgba(86, 99, 116, 0.18);
  --bg-grid:
    linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 100% 32px,
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 32px 100%; /* @kind other */
  --bg-grid-fine:
    linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 100% 16px,
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 16px 100%; /* @kind other */

  /* ---- Vignette / deep-space wash ---- */
  --bg-vignette: radial-gradient(120% 90% at 50% -10%,
                  rgba(47, 227, 207, 0.06) 0%,
                  transparent 45%),
                 radial-gradient(100% 100% at 100% 0%,
                  rgba(255, 157, 60, 0.04) 0%,
                  transparent 50%); /* @kind other */

  /* ---- Hazard stripe (caution accents) ---- */
  --hazard-amber: repeating-linear-gradient(-45deg,
                  var(--sodium-400) 0 8px,
                  transparent 8px 16px); /* @kind other */

  /* ---- Backdrop blur amounts ---- */
  --blur-sm: 6px;  /* @kind other */
  --blur-md: 14px; /* @kind other */
  --blur-lg: 28px; /* @kind other */
}