/* ============================================================
   Design System: Shadows
   Soft, layered, low-contrast. Used on cards & raised tiles.
   ============================================================ */

:root {
  --shadow-sm: 0 1px 2px rgba(17,17,19,.04), 0 4px 14px rgba(17,17,19,.05);
  --shadow-md: 0 2px 6px rgba(17,17,19,.05), 0 18px 50px rgba(17,17,19,.09);
  --shadow-lg: 0 6px 20px rgba(17,17,19,.07), 0 40px 90px rgba(17,17,19,.13);

  /* accent glow — for primary button / focus dots */
  --shadow-accent: 0 8px 26px rgba(var(--accent-glow), .42);
  --shadow-accent-hover: 0 14px 36px rgba(var(--accent-glow), .5);
}