/* Generated from tokens.json. Do not edit. */
:root {
  --breakpoint-desktop: 1024px;
  --breakpoint-tablet: 768px;
  --color-accent: #A43828;
  --color-background: #F6F0E5;
  --color-border: #6E7480;
  --color-focus: #233F62;
  --color-muted: #4E5968;
  --color-on-accent: #FFFFFF;
  --color-red: #C54935;
  --color-surface: #E6DDCD;
  --color-text: #233F62;
  --color-wood: #B17B49;
  --color-wood-dark: #71452D;
  --color-wood-light: #E5BD87;
  --color-wood-rose: #AE6750;
  --font-body: "Arial", "Helvetica", sans-serif;
  --font-display: "Arial", "Helvetica", sans-serif;
  --font-size-body: 1rem;
  --font-size-display: 6rem;
  --font-size-heading: 3rem;
  --font-size-small: 0.875rem;
  --font-weight-bold: 700;
  --font-weight-display: 700;
  --font-weight-regular: 400;
  --layout-content-max-width: 88rem;
  --layout-text-max-width: 65ch;
  --letter-spacing-body: 0em;
  --letter-spacing-heading: -0.045em;
  --line-height-body: 1.6;
  --line-height-heading: 1.1;
  --motion-duration-instant: 0ms;
  --motion-duration-intro: 1000ms;
  --motion-duration-sample: 750ms;
  --motion-duration-shape: 700ms;
  --motion-duration-short: 150ms;
  --motion-easing-standard: ease-out;
  --radius-none: 0;
  --radius-small: 0.25rem;
  --shadow-none: none;
  --spacing-large: 2rem;
  --spacing-medium: 1rem;
  --spacing-section: 4rem;
  --spacing-small: 0.5rem;
}

/* Breakpoint variables document the values; use numeric @media conditions. */
/* With prefers-reduced-motion: reduce, remove nonessential motion in style.css. */