:root {
  /* Dark-native elevation: depth comes from borders + colored glow, not grey blur. */
  --elev-0: none; /* @kind shadow */
  --elev-1: 0 2px 8px -4px rgba(11, 12, 15, 0.55);
  --elev-2: 0 18px 32px -20px rgba(11, 12, 15, 0.6);
  --elev-3: 0 32px 64px -36px rgba(11, 12, 15, 0.7);
  --elev-relief-1: 0 1px 2px rgba(16, 18, 22, 0.05);
  --elev-relief-2: 0 18px 32px -22px rgba(16, 18, 22, 0.22);
  --elev-relief-3: 0 32px 64px -36px rgba(16, 18, 22, 0.28);

  --glow-rose: 0 14px 28px -16px rgba(214, 38, 92, 0.8);
  --glow-rose-strong: 0 20px 40px -14px rgba(214, 38, 92, 0.95);
  --glow-ember: 0 16px 32px -18px rgba(240, 116, 63, 0.7);
  --glow-amber: 0 20px 40px -24px rgba(247, 206, 63, 0.5);

  --inset-hairline: inset 0 1px 0 rgba(255, 255, 255, 0.06); /* @kind shadow */
}