:root {
  /* Brand palette */
  --bf-primary: #0A562D;
  --bf-primary-strong: #063a1f;
  --bf-primary-soft: #0f6c39;
  --bf-secondary: #6EBA77;
  --bf-accent-gold: #EDB850;
  --bf-accent-teal: #52A8A9;
  --bf-red-muted: #C35144;
  --bf-red-bright: #F25C4B;
  --bf-cta-orange: #FF5500;

  /* Neutrals */
  --bf-neutral-900: #1D2026;
  --bf-neutral-800: #333333;
  --bf-neutral-700: #555555;
  --bf-neutral-600: #777777;
  --bf-neutral-300: #E0E0E0;
  --bf-neutral-200: #EEEEEE;
  --bf-neutral-100: #F5F5F5;
  --bf-surface: #ffffff;

  /* Shadows & radii */
  --bf-radius-sm: 6px;
  --bf-radius-md: 10px;
  --bf-radius-lg: 16px;
  --bf-shadow-sm: 0 4px 10px rgba(0,0,0,0.06);
  --bf-shadow-md: 0 10px 30px rgba(0,0,0,0.08);

  /* Typography */
  --bf-font-sans: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif;
  --bf-font-heading: 'Krona One', 'Montserrat', system-ui, sans-serif;
  --bf-font-size-base: 16px;
  --bf-line-height-base: 1.6;
  --bf-platform-ui-scale: 1;

  /* Spacing scale */
  --bf-space-2: 0.125rem;
  --bf-space-4: 0.25rem;
  --bf-space-8: 0.5rem;
  --bf-space-12: 0.75rem;
  --bf-space-16: 1rem;
  --bf-space-20: 1.25rem;
  --bf-space-24: 1.5rem;
  --bf-space-32: 2rem;
  --bf-space-40: 2.5rem;
  --bf-space-48: 3rem;
  --bf-space-64: 4rem;

  /* Layout gutters & rails */
  --bf-gutter-sm: 0.75rem;
  --bf-gutter-md: 1rem;
  --bf-gutter-lg: 1.5rem;
  --bf-gutter: var(--bf-gutter-sm);
  --bf-rail: 720px;
  --bf-rail-wide: 920px;
  --bf-desktop-shell-wide-max: 1760px;
  --bf-desktop-panel-wide-max: 1480px;
  --bf-desktop-shell-max: 1100px;
  --bf-desktop-panel-max: 1000px;
  --bf-desktop-gutter: clamp(1rem, 3vw, 3rem);
  --bf-desktop-copy-max: 460px;
  --bf-desktop-media-max: 420px;
  --bf-desktop-headline-xl: clamp(2.4rem, 4vw, 3.4rem);
  --bf-desktop-body-lg: clamp(1.4rem, 2.6vw, 2rem);

  /* Component tokens */
  --bf-border: 1px solid var(--bf-neutral-300);
  --bf-focus: 0 0 0 3px rgba(10, 86, 45, 0.25);
  --bf-menu-bg: #ffffff;
  --bf-menu-border: rgba(0,0,0,0.06);
  --bf-menu-shadow: 0 14px 45px rgba(0,0,0,0.12), 0 10px 18px rgba(0,0,0,0.08);
}

:root[data-platform-density='compact'] {
  --bf-platform-ui-scale: 0.75;
}