/* ── Audacious Duo · Spacing, radius, layout ───────────────────────────────
   A calm 4px-based scale with lots of breathing room. The brand favours
   generous whitespace, so default section padding is large.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --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 */
  --space-10: 8rem;      /*128 */

  /* ---- Radius (restrained — premium, not bubbly) ---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-narrow: 760px;
  --section-pad-y: clamp(4rem, 9vw, 8rem);
  --gutter: clamp(1.25rem, 4vw, 3rem); /* @kind spacing */
}