/* Also Coffee Co — Elevation tokens
   Soft, warm, low-contrast shadows tinted with brand brown — never harsh black.
   Playful "lift" on hover, never heavy drop-shadows. */
:root {
  --shadow-xs: 0 1px 2px rgba(64, 33, 21, 0.06);
  --shadow-sm: 0 2px 8px rgba(64, 33, 21, 0.07);
  --shadow-md: 0 8px 22px rgba(64, 33, 21, 0.10);
  --shadow-lg: 0 18px 40px rgba(64, 33, 21, 0.14);
  --shadow-lift: 0 22px 48px rgba(64, 33, 21, 0.18); /* hover lift */

  /* Coloured glows for product "pop off the page" moments */
  --shadow-product: 0 26px 50px -12px rgba(64, 33, 21, 0.30);
  --shadow-blue: 0 14px 30px rgba(102, 150, 172, 0.30);

  /* Focus ring */
  --ring: 0 0 0 3px var(--surface-page), 0 0 0 6px var(--focus-ring);
}