:root {
  --bp-green: #168655;
  --bp-green-light: #22c55e;
  --bp-green-active: #059669;
  --bp-green-hover: #00895e;
  --bp-post-accent: #00a875;
  --bp-gold: #f5c518;
  --bp-gold-dark: #e6b800;
  --bp-danger: #ef4444;
  --bp-text: #12352b;
  --bp-text-muted: rgba(18, 53, 43, 0.65);
  --bp-text-soft: rgba(18, 53, 43, 0.72);
  --bp-surface: #ffffff;
  --bp-surface-alt: #f7fcf9;
  --bp-surface-muted: #f3faf7;
  --bp-surface-card: #ffffff;
  --bp-post-bg: #eef8f4;
  --bp-post-text: #24483e;
  --bp-post-heading: #001d1a;
  --bp-border: rgba(15, 118, 110, 0.12);
  --bp-border-strong: rgba(15, 118, 110, 0.18);
  --bp-hero-dark: #031713;
  --bp-hero-mid: #06241f;
  --bp-hero-light: #123e2b;
  --bp-hero-text: #f8fff9;
  --bp-container: 80rem;
  --bp-container-wide: 90rem;
  --bp-container-narrow: 64rem;
  --bp-radius-sm: 0.45rem;
  --bp-radius: 0.75rem;
  --bp-radius-lg: 1rem;
  --bp-radius-xl: 1.2rem;
  --bp-shadow-card: 0 20px 48px rgba(15, 43, 35, 0.055);
  --bp-shadow-hover: 0 24px 60px rgba(15, 43, 35, 0.09);
  --bp-font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --bp-font-display: 'Bricolage Grotesque', sans-serif;
  --bp-header-height: 5rem;
  --bp-z-dropdown: 30;
  --bp-z-header: 50;
  --bp-z-toast: 79;
  --bp-z-float: 80;
}