/**
 * Spacing scale. No spacing/grid values were given in the supplied CD manual
 * excerpt — this is a standard 8px-based scale, not a CD-derived one.
 */

:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Elevation scale — every box-shadow in components.css used to be a
     one-off rgba() literal (six declarations, four different alpha/blur
     combinations, no relationship to each other), so a card's hover lift
     and a dropdown's resting shadow didn't visually belong to the same
     system. Three tiers, used consistently by "how far off the page" a
     thing reads as sitting: sm = a small pinned control (a badge), md = a
     button/input at rest-to-hover, lg = a card or dropdown panel floating
     above the page. */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.14);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.18);
  --shadow-lg: 0 20px 36px rgba(0, 0, 0, 0.20);
}