/* Brand authority: branding/betterrun-final-suite/02-design-system/brand-tokens.css. */
:root {
  --brown: #3B1410;
  --vermilion: #D63D24;
  --yellow: #FFC857;
  --cream: #FFF6EA;
  --ink: var(--brown);
  --blue: var(--yellow); /* Compatibility alias for former input surfaces. */
  --paper: var(--cream);
  --amber: var(--yellow);
  --rule: #3B141033;
  --pale: var(--cream);
  --muted: var(--brown);
  --graphic-line: var(--cream);
  --serif: 'Crimson', Georgia, serif;
  --sans: 'Source Sans Pro', Arial, sans-serif;
  --content: 75rem;
  --section: 78rem;
  --gutter: clamp(1.25rem, 3.34vw, 3rem);
  --radius: 1.5rem;
  --panel-radius: 1rem;
  --control-radius: .5rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
}