/* BowlMath design tokens: shared by the React app and the static pages. */
:root {
  color-scheme: light;
  --ink: #1f2525; --muted: #5f6b6a; --line: #dce7e6; --bg: #fbf6f0; --surface: #fff; --surface-2: #fffdf9;
  --primary: #1f6f6b; --primary-hover: #195a57; --primary-tint: #dff1ef; --teal: #2f8580; --accent: #e95624;
  --note: #fff5cf; --danger: #a53d35;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-md: 1.0625rem; --fs-lg: 1.25rem; --fs-xl: 1.75rem; --fs-2xl: 2.5rem;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-pill: 999px;
  --gutter: 16px; --max: 1200px; --content: 760px; --header-h: 56px;
  --focus: 0 0 0 3px rgba(47, 133, 128, .35);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@media (min-width: 768px) { :root { --gutter: 24px; --header-h: 64px; } }