/* ============================================================
   SHADOWS — Yorker · deep, soft, near-black. On dark surfaces
   elevation reads through glow + hairline; shadows stay subtle.
   ============================================================ */

:root {
  --shadow-xs: 0 1px 2px rgba(0,0,0,.30);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.34), 0 1px 2px rgba(0,0,0,.24);
  --shadow-md: 0 6px 22px -6px rgba(0,0,0,.46), 0 2px 8px -2px rgba(0,0,0,.32);
  --shadow-lg: 0 24px 60px -16px rgba(0,0,0,.58), 0 6px 16px -6px rgba(0,0,0,.40);
  --shadow-xl: 0 50px 130px -50px rgba(0,0,0,.75), 0 10px 30px -12px rgba(0,0,0,.5);

  --ring-subtle: inset 0 0 0 1px var(--border-subtle);
  --ring-focus: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 35%, transparent);
  --glow-accent: 0 0 40px var(--accent-glow);
}

/* ── Light theme — shadows soften and cool; elevation reads
   through shadow (not glow) on paper-white surfaces. ── */
[data-theme="light"] {
  --shadow-xs: 0 1px 2px rgba(16,17,20,.06);
  --shadow-sm: 0 1px 3px rgba(16,17,20,.08), 0 1px 2px rgba(16,17,20,.05);
  --shadow-md: 0 6px 22px -6px rgba(16,17,20,.13), 0 2px 8px -2px rgba(16,17,20,.07);
  --shadow-lg: 0 24px 60px -16px rgba(16,17,20,.18), 0 6px 16px -6px rgba(16,17,20,.08);
  --shadow-xl: 0 50px 130px -50px rgba(16,17,20,.28), 0 10px 30px -12px rgba(16,17,20,.10);
}