/* Generated by brand/generate.py from brand/tokens.json. Do not edit. */
:root {
  --brand-background: #fafbf7;
  --brand-surface: #ffffff;
  --brand-surface-muted: #f0f3e9;
  --brand-text: #18241e;
  --brand-muted: #536057;
  --brand-border: #dce3d8;
  --brand-action: #c3f173;
  --brand-action-text: #17251c;
  --brand-action-border: #a4d453;
  --brand-action-hover: #b3e25f;
  --brand-link: #1d512d;
  --brand-wordmark-pin: #527f28;
  --brand-border-strong: #bbc9bc;
  --brand-pill-border: #d4dfc9;
  --brand-pill-background: #edf3e6;
  --brand-pill-text: #385626;
  --brand-media-border: #d8dfd2;
  --brand-media-background: #edf1e7;
  --brand-label: #486036;
  --brand-offer-background: #eaf1df;
  --brand-danger: #c0362c;
  --brand-danger-border: #ecd3d0;
  --brand-danger-background: #fff8f7;
  --brand-success: #137a4b;
  --brand-warning-border: #8a6a2f;
  --brand-warning-background: #fff8e8;
  --brand-warning-text: #684d13;
  --brand-focus: rgba(82, 127, 40, .22);
  --brand-status-halo: rgba(82, 127, 40, .1);
  --brand-surface-overlay: rgba(255, 255, 255, .96);
  --brand-shadow-color: rgba(24, 36, 30, .08);
  --brand-card-shadow-color: rgba(24, 36, 30, .055);
  --brand-transparent: transparent;
  --brand-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --brand-font-portable: Inter, Arial, sans-serif;
  --brand-type-body: 16px;
  --brand-type-body-line-height: 1.6;
  --brand-type-wordmark: 20px;
  --brand-type-wordmark-weight: 800;
  --brand-type-wordmark-tracking: -1px;
  --brand-type-hero: clamp(38px, 4.6vw, 62px);
  --brand-type-hero-line-height: 1.07;
  --brand-type-hero-tracking: -2.8px;
  --brand-type-hero-mobile: 42px;
  --brand-type-hero-mobile-line-height: 1.08;
  --brand-type-hero-mobile-tracking: -1.9px;
  --brand-type-heading: clamp(26px, 3vw, 38px);
  --brand-type-heading-line-height: 1.2;
  --brand-type-heading-tracking: -1px;
  --brand-type-card-heading: 21px;
  --brand-type-lead: 1.18rem;
  --brand-type-lead-mobile: 18px;
  --brand-type-small: 12px;
  --brand-space-xs: 8px;
  --brand-space-sm: 12px;
  --brand-space-md: 16px;
  --brand-space-lg: 24px;
  --brand-space-xl: 28px;
  --brand-space-section: 54px;
  --brand-space-section-mobile: 35px;
  --brand-space-hero-top: 80px;
  --brand-space-hero-bottom: 70px;
  --brand-space-hero-gap: 56px;
  --brand-space-container: 1120px;
  --brand-space-gutter: 36px;
  --brand-space-nav-height: 90px;
  --brand-space-button-y: 14px;
  --brand-space-button-x: 20px;
  --brand-radius-button: 9px;
  --brand-radius-card: 12px;
  --brand-radius-media: 18px;
  --brand-radius-video: 10px;
  --brand-radius-offer: 20px;
  --brand-radius-pill: 30px;
  --bg: var(--brand-background);
  --panel: var(--brand-surface);
  --panel2: var(--brand-surface-muted);
  --text: var(--brand-text);
  --muted: var(--brand-muted);
  --line: var(--brand-border);
  --blue: var(--brand-action);
  --cyan: var(--brand-link);
  --green: var(--brand-success);
  --red: var(--brand-danger);
  --shadow: 0 12px 32px var(--brand-shadow-color);
}