/* ── ritter & bader · Spacing, radii, shadows ───────────────
   Layout gutter is 133.33px on the 1920 hero grid (≈8.3vw); sections
   stack in ~80–120px vertical rhythm. Radii cluster at 4px (buttons),
   ~5.33px (inputs / small cards) and ~10.67px (large cards). Shadows
   are soft navy-tinted drops, plus a hard header drop.
   ---------------------------------------------------------------- */

:root {
  /* spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 21.33px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 53.33px;
  --space-9: 80px;
  --space-10: 120px;

  /* page gutter (1920 grid) */
  --gutter: 133.33px;
  --content-max: 1653px;

  /* radii */
  --radius-sm: 4px;       /* buttons */
  --radius-md: 5.33px;    /* inputs, small cards, badges */
  --radius-lg: 10.67px;   /* cards, panels */
  --radius-xl: 16px;      /* specimen boxes */

  /* borders */
  --border-width: 1.33px;

  /* shadows */
  --shadow-header: 0 4px 4px 0 rgba(0,0,0,0.25);
  --shadow-card: 0 16px 42.67px 0 rgba(15,38,61,0.3);
  --shadow-card-soft: 0 8px 24px 0 rgba(15,38,61,0.1);
  --shadow-inset-border: inset 0 0 0 var(--border-width) var(--rb-border);
}