/* Sussex Audio — Radius & elevation tokens.
   Shadow-light by design: color blocks substitute for elevation. Pill is the only
   button shape; circle for icon buttons. */
:root {
  /* Border radius */
  --radius-xs: 2px;     /* anchor/link decoration */
  --radius-sm: 6px;     /* small chips, sub-nav tabs, sticky-note corner */
  --radius-md: 8px;     /* form inputs, list items, image frames */
  --radius-lg: 24px;    /* pricing cards, color-block sections */
  --radius-xl: 32px;    /* hero feature panels, oversized callouts */
  --radius-pill: 50px;  /* all text CTAs, tab toggles */
  --radius-full: 9999px;/* circular icon buttons, checkmark glyphs */

  /* Elevation — used sparingly. The color block IS the depth device. */
  --elev-0: none;
  --elev-1: inset 0 0 0 1px var(--hairline);          /* hairline frame */
  --elev-2: 0 4px 16px rgba(0,0,0,0.06);              /* floating tile / dropdown */
  --elev-3: 0 18px 50px rgba(0,0,0,0.18);             /* modal / lightbox */

  /* Focus ring — focus communicated via ring, not fill change */
  --focus-ring: 0 0 0 2px var(--white), 0 0 0 4px var(--black);
}