/* Generated from design-system/tokens.json. Run npm run design:sync. */
:root {
  --bh-color-white: #ffffff;
  --bh-color-paper: #f5efe6;
  --bh-color-cream: #fffaf2;
  --bh-color-ink: #20232f;
  --bh-color-night: #283261;
  --bh-color-clay: #e66f51;
  --bh-color-sun: #f2c85b;
  --bh-color-sky: #b9d8d4;
  --bh-color-olive: #4e654f;
  --bh-color-sage: #d9dfc8;
  --bh-color-muted: #62645f;
  --bh-color-line: #d7cfc1;
  --bh-color-clay-ink: #a13e2b;
  --bh-surface-canvas: var(--bh-color-paper);
  --bh-surface-raised: var(--bh-color-cream);
  --bh-surface-inverse: var(--bh-color-night);
  --bh-surface-quiet: var(--bh-color-sky);
  --bh-surface-highlight: var(--bh-color-sun);
  --bh-text-primary: var(--bh-color-ink);
  --bh-text-secondary: var(--bh-color-muted);
  --bh-text-inverse: var(--bh-color-cream);
  --bh-text-accent: var(--bh-color-clay-ink);
  --bh-action-primary: var(--bh-color-olive);
  --bh-action-on-primary: var(--bh-color-cream);
  --bh-action-hover: var(--bh-color-clay);
  --bh-action-on-hover: var(--bh-color-ink);
  --bh-action-highlight: var(--bh-color-sun);
  --bh-action-on-highlight: var(--bh-color-night);
  --bh-status-success: var(--bh-color-olive);
  --bh-status-success-surface: var(--bh-color-sage);
  --bh-status-error: var(--bh-color-clay-ink);
  --bh-status-error-surface: var(--bh-color-cream);
  --bh-status-info: var(--bh-color-night);
  --bh-status-info-surface: var(--bh-color-sky);
  --bh-status-warning: var(--bh-color-night);
  --bh-status-warning-surface: var(--bh-color-sun);
  --bh-font-sans: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --bh-font-serif: "Iowan Old Style", Georgia, serif;
  --bh-font-mono: "SFMono-Regular", Consolas, monospace;
  --bh-type-display: clamp(3.125rem, 6.3vw, 6rem);
  --bh-type-heading: clamp(2.5rem, 4.5vw, 4rem);
  --bh-type-title: clamp(1.75rem, 2.8vw, 2.5rem);
  --bh-type-lead: clamp(1.375rem, 2.4vw, 2rem);
  --bh-type-body: 1rem;
  --bh-type-small: 0.875rem;
  --bh-type-label: 0.75rem;
  --bh-leading-display: 0.98;
  --bh-leading-heading: 1.08;
  --bh-leading-body: 1.65;
  --bh-tracking-display: -0.06em;
  --bh-tracking-heading: -0.045em;
  --bh-tracking-label: 0.12em;
  --bh-space-1: 0.25rem;
  --bh-space-2: 0.5rem;
  --bh-space-3: 0.75rem;
  --bh-space-4: 1rem;
  --bh-space-5: 1.25rem;
  --bh-space-6: 1.5rem;
  --bh-space-8: 2rem;
  --bh-space-10: 2.5rem;
  --bh-space-12: 3rem;
  --bh-space-16: 4rem;
  --bh-space-20: 5rem;
  --bh-space-24: 6rem;
  --bh-radius-field: 12px;
  --bh-radius-card: 22px;
  --bh-radius-panel: 32px;
  --bh-radius-hero: 44px;
  --bh-radius-pill: 999px;
  --bh-border-width: 1px;
  --bh-border-strong-width: 1.5px;
  --bh-border-subtle: var(--bh-color-line);
  --bh-border-control: var(--bh-color-muted);
  --bh-shadow-card: 0 18px 50px rgba(40, 50, 97, 0.13);
  --bh-shadow-dialog: 0 30px 90px rgba(24, 28, 50, 0.38);
  --bh-motion-fast: 180ms;
  --bh-motion-gentle: 300ms;
  --bh-motion-ease: cubic-bezier(.22, .75, .25, 1);
  --bh-layout-content: 1220px;
  --bh-layout-wide: 1380px;
  --bh-layout-measure: 65ch;
  --bh-layout-gutter: clamp(1rem, 3vw, 2rem);
  --bh-layout-section: clamp(4rem, 7vw, 6rem);
  --bh-size-control: 48px;
  --bh-size-control-small: 44px;
  --bh-size-icon: 24px;
  --bh-layer-header: 20;
  --bh-layer-toast: 40;

  /* Compatibility aliases for earlier Bohío consumers. */
  --paper: var(--bh-color-paper);
  --cream: var(--bh-color-cream);
  --ink: var(--bh-color-ink);
  --night: var(--bh-color-night);
  --clay: var(--bh-color-clay);
  --sun: var(--bh-color-sun);
  --sky: var(--bh-color-sky);
  --olive: var(--bh-color-olive);
  --sage: var(--bh-color-sage);
  --muted: var(--bh-color-muted);
  --line: var(--bh-color-line);
  --dark: var(--bh-color-night);
  --display: var(--bh-font-sans);
  --sans: var(--bh-font-sans);
  --serif: var(--bh-font-serif);
  --radius: var(--bh-radius-card);
  --shadow: var(--bh-shadow-card);
}