/* ──────────────────────────────────────────────────────────────
   MITEC Design System — Elevation tokens
   On a black canvas, lift is carried by surface steps and a few
   precise edge/drop signatures — not heavy shadows.
   ────────────────────────────────────────────────────────────── */

:root {
  /* Level 0 — flat: canvas-mounted display type, faq rows, footer */
  --elevation-0: none;

  /* Level 2 — light-edge + drop: floating product / modal cards */
  --elevation-float:
    inset 0 0.5px 0 0 rgba(255, 255, 255, 0.10),
    0 10px 30px 0 rgba(0, 0, 0, 0.45);

  /* Active sub-nav marker — thick near-black outline */
  --elevation-active: 0 0 0 2px rgba(0, 0, 0, 0.85);

  /* Hairline edge on lifted cards */
  --edge-hairline: inset 0 0 0 1px var(--color-hairline);
  --edge-hairline-soft: inset 0 0 0 1px var(--color-hairline-soft);

  /* Glow under gradient spotlight cards (saturation = elevation) */
  --glow-violet: 0 30px 80px -30px rgba(106, 76, 245, 0.55);
  --glow-magenta: 0 30px 80px -30px rgba(212, 77, 240, 0.55);
  --glow-orange: 0 30px 80px -30px rgba(255, 122, 61, 0.50);
  --glow-coral: 0 30px 80px -30px rgba(255, 85, 119, 0.50);
}