:root {
  color-scheme: light;
  --theme-color-primary: #171717;
  --theme-color-secondary: #45534b;
  --theme-color-accent: #8f2436;
  --theme-color-background: #f7f6f3;
  --theme-color-surface: #ffffff;
  --theme-color-surface-strong: #e8ebeb;
  --theme-color-border: #deddd8;
  --theme-color-success: #2f6e4f;
  --theme-color-warning: #a86616;
  --theme-color-danger: #a52d32;
  --theme-color-text: #171717;
  --theme-color-text-muted: #6f6f6f;
  --theme-color-ink-inverse: #ffffff;
  --bkr-font-sans: "Inter", "BKR Inter Fallback", sans-serif;
  --bkr-font-serif: "Cormorant Garamond", "BKR Cormorant Fallback", serif;
  --bkr-form-ink: #111111;
  --bkr-form-line: rgba(17, 17, 17, 0.28);
  --bkr-form-line-hover: rgba(17, 17, 17, 0.55);
  --bkr-form-error: #a33;
  --bkr-form-control-height: 48px;
  --theme-font-size-hero: clamp(3rem, 6vw, 6rem);
  --theme-font-size-page-title: clamp(2.5rem, 4vw, 4.5rem);
  --theme-font-size-section-title: clamp(2rem, 3vw, 3.25rem);
  --theme-font-size-body: clamp(1rem, 0.98rem + 0.1vw, 1.0625rem);
  --theme-font-size-small: 0.8125rem;
  --theme-font-size-eyebrow: 0.75rem;
  --theme-font-size-navigation: 0.9375rem;
  --theme-font-size-button: 0.875rem;
  --theme-font-weight-regular: 400;
  --theme-font-weight-medium: 500;
  --theme-font-weight-semibold: 600;
  --theme-font-weight-bold: 700;
  --theme-line-height-body: 1.65;
  --theme-line-height-display: 1.05;
  --theme-line-height-hero: 0.95;
  --space-page-x: clamp(20px, 4vw, 64px);
  --space-section-xs: clamp(40px, 4vw, 56px);
  --space-section-sm: clamp(56px, 5vw, 72px);
  --space-section-md: clamp(72px, 7vw, 104px);
  --space-section-lg: clamp(88px, 9vw, 128px);
  --bkr-home-section-space: var(--space-section-md);
  --space-content-xs: 12px;
  --space-content-sm: 20px;
  --space-content-md: 32px;
  --space-content-lg: 48px;
  --container-default: 1440px;
  --container-wide: 1540px;
  --container-text: 720px;
  --theme-container-max: var(--container-default);
  --theme-container-gutter: var(--space-page-x);
  --theme-reading-max: var(--container-text);
  --theme-section-space: var(--space-section-md);
  --theme-space-1: 0.25rem;
  --theme-space-2: 0.5rem;
  --theme-space-3: 0.75rem;
  --theme-space-4: 1rem;
  --theme-space-5: 1.5rem;
  --theme-space-6: 2rem;
  --theme-space-7: 3rem;
  --theme-space-8: 4rem;
  --theme-space-9: 5rem;
  --theme-space-10: 6rem;
  --theme-radius-sm: 0.125rem;
  --theme-radius-md: 0.25rem;
  --theme-shadow-small: 0 1px 3px rgba(23, 23, 23, 0.08);
  --theme-shadow-medium: 0 12px 32px rgba(23, 23, 23, 0.1);
  --theme-transition-fast: 180ms ease;
  --theme-transition-normal: 280ms ease;
  --theme-transition-slow: 480ms ease;
  --theme-header-height: 4.5rem;
  --campaign-caption-bg: #f5f3ef;
  --campaign-caption-text: #171717;
  --campaign-caption-border: #d8d5cf;
  --campaign-control-size: 3rem;
  --campaign-transition-duration: 1000ms;
  --hero-preview-width: clamp(13.75rem, 18vw, 18.75rem);
  --hero-preview-bg: #f5f3ef;
  --hero-preview-border: #cbc8c1;
  --hero-preview-shadow: 0 12px 32px rgb(0 0 0 / 0.10);
  --hero-preview-overlap: 4.5rem;
}

@media (max-width: 575.98px) {
  :root {
    --space-page-x: 20px;
    --space-section-sm: 48px;
    --space-section-md: 64px;
    --space-section-lg: 80px;
    --space-content-lg: 36px;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  :root {
    --space-page-x: 32px;
    --space-section-sm: 56px;
    --space-section-md: 80px;
    --space-section-lg: 96px;
  }
}
