/* GENERATED from design/tokens.json by design/build-tokens.mjs. Do not edit by hand. */
:root {
  --bf-color-brand: #0b6e4f;
  --bf-color-brand-strong: #0a5a41;
  --bf-color-brand-ink: #0a3d2c;
  --bf-color-brand-tint: #e7f4ef;
  --bf-color-brand-tint-2: #f3f8f5;
  --bf-color-logo-mark: #e8a33d;
  --bf-color-ink: #0f1b2d;
  --bf-color-ink-2: #33415c;
  --bf-color-muted: #5b677d;
  --bf-color-line: #e3e7ee;
  --bf-color-line-strong: #c9d6cf;
  --bf-color-surface: #ffffff;
  --bf-color-surface-2: #f6f7fb;
  --bf-color-crit: #b42318;
  --bf-color-crit-bg: #fef3f2;
  --bf-color-warn: #b45309;
  --bf-color-warn-bg: #fffaeb;
  --bf-color-ok: #067647;
  --bf-color-ok-bg: #ecfdf3;
  --bf-color-pack-navy: #1f5a73;
  --bf-color-pack-kraft: #fbf8f1;
  --bf-font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Helvetica, Arial, sans-serif;
  --bf-font-text: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", "Noto Sans Gujarati", Helvetica, Arial, sans-serif;
  --bf-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --bf-text-xs: 0.8rem;
  --bf-text-sm: 0.875rem;
  --bf-text-md: 1rem;
  --bf-text-lg: 1.25rem;
  --bf-text-xl: 1.563rem;
  --bf-text-2xl: 1.953rem;
  --bf-text-3xl: 2.441rem;
  --bf-text-4xl: 3.052rem;
  --bf-text-5xl: 3.815rem;
  --bf-leading-tight: 1.05;
  --bf-leading-snug: 1.2;
  --bf-leading-body: 1.55;
  --bf-tracking-display: -0.035em;
  --bf-tracking-heading: -0.02em;
  --bf-tracking-eyebrow: 0.12em;
  --bf-measure-body: 60ch;
  --bf-measure-sub: 48ch;
  --bf-space-1: 4px;
  --bf-space-2: 8px;
  --bf-space-3: 12px;
  --bf-space-4: 16px;
  --bf-space-5: 20px;
  --bf-space-6: 24px;
  --bf-space-8: 32px;
  --bf-space-10: 40px;
  --bf-space-12: 48px;
  --bf-space-16: 64px;
  --bf-space-20: 80px;
  --bf-space-24: 96px;
  --bf-space-32: 128px;
  --bf-space-40: 160px;
  --bf-space-section: clamp(64px, 10vw, 128px);
  --bf-radius-sm: 6px;
  --bf-radius-md: 10px;
  --bf-radius-lg: 14px;
  --bf-radius-xl: 20px;
  --bf-radius-pill: 999px;
  --bf-shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --bf-shadow-md: 0 1px 2px rgba(16,24,40,.06), 0 4px 16px rgba(16,24,40,.06);
  --bf-shadow-lg: 0 2px 4px rgba(16,24,40,.06), 0 16px 40px rgba(16,24,40,.12);
  --bf-shadow-focus: 0 0 0 3px #ffffff, 0 0 0 6px #0b6e4f;
  --bf-dur-fast: 150ms;
  --bf-dur-base: 200ms;
  --bf-dur-slow: 250ms;
  --bf-dur-reveal: 500ms;
  --bf-dur-reveal-slow: 700ms;
  --bf-dur-count: 800ms;
  --bf-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --bf-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --bf-ease-spring: linear(0, 0.36 9%, 0.81 22%, 1.03 34%, 1.07 41%, 1.02 55%, 0.99 70%, 1);
  --bf-size-container: 1160px;
  --bf-size-tap: 44px;
  --bf-size-header: 64px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --bf-dur-fast: 0.01ms; --bf-dur-base: 0.01ms; --bf-dur-slow: 0.01ms; --bf-dur-reveal: 0.01ms; --bf-dur-reveal-slow: 0.01ms; --bf-dur-count: 0.01ms; }
}