/* Devoted — Spacing, radius, shadow, motion tokens */
:root {
  /* Spacing — 4px base, soft rhythm */
  --space-1: 0.25rem;  /* 4  */
  --space-2: 0.5rem;   /* 8  */
  --space-3: 0.75rem;  /* 12 */
  --space-4: 1rem;     /* 16 */
  --space-5: 1.5rem;   /* 24 */
  --space-6: 2rem;     /* 32 */
  --space-7: 3rem;     /* 48 */
  --space-8: 4rem;     /* 64 */
  --space-9: 6rem;     /* 96 */

  /* Radius — soft, rounded like the badge oval */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-pill: 999px;

  /* Shadows — low, warm, diffuse (never harsh/blue-black) */
  --shadow-xs: 0 1px 2px rgba(63, 95, 128, 0.08);
  --shadow-sm: 0 2px 8px rgba(63, 95, 128, 0.08);
  --shadow-md: 0 8px 24px rgba(63, 95, 128, 0.10);
  --shadow-lg: 0 18px 44px rgba(63, 95, 128, 0.14);
  --shadow-inset: inset 0 1px 2px rgba(43, 38, 32, 0.06);

  /* Motion — gentle, no bounce */
  --ease-soft: cubic-bezier(0.33, 0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */

  /* Layout */
  --container: 1200px;
  --container-narrow: 760px;
}