:root {
  --bd-bg: #f4f1eb;
  --bd-bg-soft: #ebe6dd;
  --bd-surface: #ffffff;
  --bd-surface-soft: #ebe6dd;
  --bd-surface-warm: #faf8f4;
  --bd-ink: #111418;
  --bd-ink-soft: #27303a;
  --bd-muted: #697078;
  --bd-line: rgba(17, 20, 24, 0.14);
  --bd-line-light: rgba(255, 255, 255, 0.16);
  --bd-dark: #121820;
  --bd-dark-soft: #1a222c;
  --bd-accent: #fdc428;
  --bd-accent-soft: #ffe39a;
  --bd-accent-dark: #b98700;
  --bd-accent-strong: #e8ad00;
  --bd-focus: #b98700;

  --font-main: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bd-container: 1360px;
  --bd-container-wide: 1520px;
  --bd-gutter: clamp(24px, 4vw, 72px);
  --bd-section-space: clamp(72px, 8vw, 132px);
  --container-pad: var(--bd-gutter);
  --container: min(var(--bd-container), calc(100vw - (var(--bd-gutter) * 2)));
  --container-wide: min(var(--bd-container-wide), calc(100vw - (var(--bd-gutter) * 2)));
  --narrow: min(880px, calc(100vw - (var(--bd-gutter) * 2)));

  --space-xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --space-sm: clamp(0.875rem, 0.75rem + 0.5vw, 1.25rem);
  --space-md: clamp(1.75rem, 1.15rem + 1.8vw, 3.25rem);
  --space-lg: clamp(3.5rem, 2.2rem + 4.5vw, 7rem);
  --space-xl: var(--bd-section-space);

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  --ease: cubic-bezier(.2,.8,.2,1);
  --shadow-soft: 0 18px 70px rgba(17, 20, 24, 0.08);
}

/* BRANDDRIFT Theme v1.0 - tokens.css */