/* ============================================================
   Red Door Analytics — Spacing, radii & layout
   8px base rhythm; generous vertical section padding; modest
   corner radii (4px controls, 10–16px cards).
   (Shadows & motion live in effects.css.)
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --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;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;   /* default section padding-y */

  /* ---- Radii ---- */
  --radius-xs:   3px;   /* code pills, inline tags */
  --radius-sm:   4px;   /* buttons, inputs, tags */
  --radius-md:   8px;   /* small panels, swatches */
  --radius-lg:   10px;  /* cards */
  --radius-xl:   14px;  /* feature cards, spotlights */
  --radius-2xl:  16px;  /* large media blocks */
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --bw-hair:   1px;
  --bw-accent: 3px;   /* red left-accent on callouts/news */
  --bw-wipe:   5px;   /* red top-accent wipe on cards */

  /* ---- Layout ---- */
  --max-content: 1220px;
  --max-narrow:  920px;
  --max-prose:   720px;
  --gutter:      60px;
  --nav-h:       96px;
  --section-y:   96px;
}