/* Get The Ball Rolling Websites: design tokens, from the design system handoff (30 September 2026). */
:root {
  --color-primary: #ffc53d;
  --color-primary-contrast: #2b2a28;
  --color-accent: #f97316;
  --color-accent-contrast: #2b2a28;
  --color-link: #b94e05;
  --color-bg: #fbf6ea;
  --color-surface: #ffffff;
  --color-text: #2b2a28;
  --color-muted: #625d56;
  --color-border: #e7dfd0;
  --color-success: #2e7d4f;
  --color-success-surface: #eaf4ee;
  --color-error: #b3261e;
  --color-placeholder: #ece5d8;
  --font-heading: "Nunito", system-ui, sans-serif;
  --font-body: "Nunito Sans", system-ui, sans-serif;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-card: 20px;
  --radius-panel: 28px;
  --radius-pill: 999px;
  --container: 1200px;
  --prose-width: 720px;
  --tap-target: 44px;
  --button-height: 48px;
  --field-height: 52px;
  --header-height: 84px;
  --color-primary-hover: #f5b41f;
  --color-primary-active: #e6a50e;
  --color-accent-hover: #f06a0e;
  --color-accent-active: #f06a0e;
  --color-link-hover: #8f3c03;
  --color-text-hover: #4a4743;
  --color-footer-muted: #d9d2c4;
  --color-device-detail: #5a5753;
  --color-placeholder-stripe: #e5ddcf;
  --radius: 20px;
  --max-width: 1200px;
  --shadow-overlay: 0 10px 40px rgba(43,42,40,.18);
}