/* ── Spacing, radius, shadow ───────────────────────────────── */
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(16,21,26,.06), 0 1px 3px rgba(16,21,26,.08);
  --shadow-md: 0 4px 12px rgba(16,21,26,.08), 0 2px 4px rgba(16,21,26,.06);
  --shadow-lg: 0 12px 32px rgba(16,21,26,.12), 0 4px 8px rgba(16,21,26,.06);

  /* deck geometry */
  --slide-w: 1280px;
  --slide-h: 720px;
  --slide-pad: 64px;
}