/* Burnside Steps — canonical design tokens (single source of truth). */
:root {
  /* Color — light */
  --bs-ink: #121317;
  --bs-ink-raised: #1C1D23;
  --bs-paper: #F4F2EC;
  --bs-surface: #FFFFFF;
  --bs-magenta: #FF4D9D;
  --bs-magenta-press: #E23B86;
  --bs-magenta-tint: rgba(255,77,157,0.14);
  --bs-on-magenta: #121317;
  --bs-hairline: #DCD9CF;
  --bs-muted: #6E6C66;
  --bs-hover: rgba(18,19,23,0.05);
  /* Color — on the dark field */
  --bs-ink-hairline: rgba(255,255,255,0.14);
  --bs-ink-muted: #8A8891;
  --bs-ink-lead: #C9C7CF;
  --bs-on-ink: #F4F2EC;
  /* Color — functional (provisional) */
  --bs-error: #C8462F;
  --bs-success: #2E7D46;

  /* Type */
  --bs-font-display: 'Canela', Georgia, serif;
  --bs-font-serif-text: 'Canela Text', Georgia, serif;
  --bs-font-sans: 'GT America', system-ui, sans-serif;
  --bs-font-mono: 'GT America Mono', ui-monospace, monospace;
  --bs-font-compressed: 'GT America Compressed', 'GT America', sans-serif;

  /* Radius (level B) */
  --bs-radius-sm: 8px;
  --bs-radius-md: 10px;
  --bs-radius-lg: 16px;
  --bs-radius-pill: 999px;
  --bs-radius-tile: 25%;

  /* Spacing (4px base) */
  --bs-space-1: 4px;
  --bs-space-2: 8px;
  --bs-space-3: 12px;
  --bs-space-4: 16px;
  --bs-space-5: 24px;
  --bs-space-6: 32px;
  --bs-space-8: 48px;
  --bs-space-10: 64px;

  /* Border / elevation / motion / focus */
  --bs-shadow-pop: 0 12px 40px rgba(18,19,23,0.16);
  --bs-shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --bs-dur: 140ms;
  --bs-ease: cubic-bezier(.2,.6,.2,1);
  --bs-focus-ring: 0 0 0 3px var(--bs-magenta-tint);
}