/* ── Elevation ────────────────────────────────────────────────────────────
   Paper, not plastic. Shadows are near-invisible; hairlines do the work.
   ------------------------------------------------------------------------ */
:root {
  --shadow-none: none;
  --shadow-hairline: 0 1px 0 rgba(19,28,43,0.04);
  --shadow-sm: 0 1px 2px rgba(19,28,43,0.06);
  --shadow-md: 0 2px 6px rgba(19,28,43,0.07), 0 1px 2px rgba(19,28,43,0.05);
  --shadow-lg: 0 12px 32px -10px rgba(19,28,43,0.16), 0 2px 6px rgba(19,28,43,0.05);
  --shadow-modal: 0 32px 64px -16px rgba(8,12,20,0.34);
  --shadow-inverse: 0 16px 40px -12px rgba(8,12,20,0.6);
  --shadow-inset-hairline: inset 0 0 0 1px rgba(19,28,43,0.06);
  --focus-shadow: 0 0 0 3px rgba(184,146,60,0.32);
  --focus-shadow-inverse: 0 0 0 3px rgba(220,195,131,0.4);

  --z-base: 0; /* @kind other */
  --z-raised: 10; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-header: 200; /* @kind other */
  --z-overlay: 800; /* @kind other */
  --z-modal: 900; /* @kind other */
  --z-toast: 1000; /* @kind other */
}