/* Dekodi elevation v2. Three levels, and shadows carry colour.
   A pure-black shadow on an optical-black ground is a smudge. Every shadow here
   is tinted ultraviolet so depth reads as light behaving, not as dirt. */
:root{
  /* FLAT · background delta only, one hairline, no shadow */
  --dk-elev-flat-bg:var(--dk-ink);
  --dk-elev-flat-brd:1px solid var(--dk-line);

  /* RAISED · stage surfaces, price panels, process stage */
  --dk-elev-raised-bg:var(--dk-ink);
  --dk-elev-raised-brd:1px solid var(--dk-line);
  --dk-shadow-raised:0 30px 80px rgba(35,15,83,.28);

  /* OVERLAY · modals, sheets, floating menus */
  --dk-elev-overlay-bg:var(--dk-ink-2);
  --dk-elev-overlay-brd:1px solid #2B2930;
  --dk-shadow-overlay:0 34px 100px rgba(6,4,14,.62);

  /* controls */
  --dk-shadow-control:0 10px 35px rgba(9,7,18,.42);
  --dk-shadow-control-hover:0 14px 42px rgba(91,36,214,.35);

  /* signal light */
  --dk-glow-node:0 0 18px var(--dk-live);
  --dk-glow-field:0 0 120px rgba(91,36,214,.30);
  --dk-glow-field-peak:0 0 170px rgba(91,36,214,.48);

  /* focus · never removed, never colour-only */
  --dk-focus:2px solid var(--dk-lilac);
  --dk-focus-offset:4px;

  /* legacy aliases */
  --dk-border-thin:1px solid var(--dk-field-brd);
  --dk-border-hairline:1px solid var(--dk-line);
  --dk-edge-accent:2px solid var(--dk-violet);
  --dk-shadow-shot:var(--dk-shadow-overlay);
  --dk-shadow-lift:var(--dk-shadow-raised);
  --dk-glow-halo:var(--dk-glow-field);

  /* semantic */
  --shadow-raised:var(--dk-shadow-raised);
  --shadow-overlay:var(--dk-shadow-overlay);
  --focus-outline:var(--dk-focus);
}