/* GENERATED from docs/design/tokens.json. Run npm run tokens; do not edit here. */
:root {
  --color-palette-paper: #f7f7f2;
  --color-palette-raised: #fffefa;
  --color-palette-sage: #eceee5;
  --color-palette-ink: #25362e;
  --color-palette-muted: #5e665d;
  --color-palette-clay: #a23b29;
  --color-palette-line: #cbd0c4;
  --color-palette-white: #ffffff;
  --color-palette-clay-hover: #8f3424;
  --color-palette-control-line: #828b7e;
  --surface: var(--color-palette-paper);
  --surface-raised: var(--color-palette-raised);
  --surface-subtle: var(--color-palette-sage);
  --ink: var(--color-palette-ink);
  --muted: var(--color-palette-muted);
  --accent: var(--color-palette-clay);
  --accent-hover: var(--color-palette-clay-hover);
  --on-accent: var(--color-palette-white);
  --line: var(--color-palette-line);
  --line-strong: var(--color-palette-control-line);
  --focus: var(--color-palette-clay);
  --font-display: 'Libre Baskerville', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lede: 18px;
  --text-lg: 20px;
  --text-title: 24px;
  --text-xl: 28px;
  --text-heading: 32px;
  --text-2xl: 40px;
  --text-display: 48px;
  --leading-body: 1.6;
  --leading-heading: 1.2;
  --leading-label: 1.4;
  --leading-tight: 1.15;
  --tracking-heading: -0.025em;
  --tracking-wordmark: -0.04em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --container: 1280px;
  --gutter: 32px;
  --gutter-mobile: 20px;
  --header-height: 88px;
  --header-height-mobile: 72px;
  --control-height: 44px;
  --measure: 70ch;
  --breakpoint-mobile: 760px;
  --breakpoint-compact: 1000px;
  --breakpoint-tablet: 1200px;
  --breakpoint-wide: 1500px;
  --radius: 2px;
  --border-width: 1px;
  --focus-width: 3px;
  --shadow-popover: 0px 8px 28px 0px rgb(25 40 33 / 0.14);
  --duration-fast: 150ms;
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --opacity-disabled: 0.45;
  --ratio-destination: 1.3333333333333333;
  --image-lead: 330px;
  --image-lead-mobile: 240px;
  --image-gallery: 390px;
  --image-gallery-mobile: 260px;
  --image-hotel: 170px;
  --image-hotel-mobile: 215px;
}