/* ReturnMePlz — radius, shadow, spacing tokens (values lifted from product code) */
:root {
  /* Radii */
  --radius-md: 8px;       /* small elements */
  --radius-lg: 12px;      /* rounded-xl — inputs, banners, secondary cards */
  --radius-xl: 16px;      /* rounded-2xl — item cards, bubbles, banners (NOT buttons) */
  --radius-full: 9999px;  /* buttons, pills, badges, accent divider */

  /* Shadows — two tiers, split by surface.
     Product screens stay flat: depth comes from surface colour, shadow-sm is the max.
     Marketing surfaces carry a soft ambient card shadow — confirmed intentional on
     returnmeplz.com in the Sept 2026 design audit. Do not flatten marketing cards. */
  --shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.05);   /* shadow-sm — product */
  --shadow-card-marketing: 0 6px 24px rgba(31, 41, 51, 0.08);  /* marketing cards, FAQ */
  --shadow-card-marketing-lg: 0 12px 40px rgba(31, 41, 51, 0.12); /* overlays, nav menu */
  --shadow-focus-glow: 0 0 0 3px rgba(23, 184, 176, 0.18); /* current stepper dot */

  /* Spacing rhythm (Tailwind scale as used) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Layout */
  --content-max: 448px;   /* max-w-md — every product screen is a centered mobile column */
}