/* Shared foundation for website and working application. Change values here. */
:root {
  --bbp-brand: #123b2a;
  --bbp-brand-strong: #09281d;
  --bbp-accent: #c8dd9a;
  --bbp-accent-strong: #93c249;
  --bbp-text: #203b30;
  --bbp-muted: #57695e;
  --bbp-page: #f3f5ef;
  --bbp-surface: #fff;
  --bbp-surface-soft: #edf3e9;
  --bbp-border: #d6dfd4;
  --bbp-success: #326647;
  --bbp-success-surface: #edf3e9;
  --bbp-warning: #865019;
  --bbp-warning-surface: #f8f0e0;
  --bbp-warning-border: #d6b984;
  --bbp-danger: #a23633;
  --bbp-danger-surface: #faeeea;
  --bbp-neutral: #57695e;
  --bbp-neutral-surface: #f0f2ee;
  --bbp-on-dark: #fff;
  --bbp-on-dark-muted: #d8e4d2;
  --bbp-on-dark-subtle: #a9bfaf;
  --bbp-on-dark-line: #ffffff20;
  --bbp-on-dark-hover: #ffffff14;
  --bbp-dark-page: #0a1e0e;
  --bbp-dark-panel: #081f0b;
  --bbp-dark-border: #ffffff29;
  --bbp-brown: #423423;
  --bbp-brown-muted: #947854;
  --bbp-font-body: "Roboto Local", Roboto, Arial, sans-serif;
  --bbp-font-display: "Display Local", Display, var(--bbp-font-body);
  --bbp-text-small: .875rem;
  --bbp-text-body: 1rem;
  --bbp-text-title: clamp(1.5rem, 3vw, 2rem);
  --bbp-space-1: .25rem;
  --bbp-space-2: .5rem;
  --bbp-space-3: .75rem;
  --bbp-space-4: 1rem;
  --bbp-space-6: 1.5rem;
  --bbp-space-8: 2rem;
  --bbp-space-12: 3rem;
  --bbp-radius-small: .5rem;
  --bbp-radius: .875rem;
  --bbp-radius-large: 1rem;
  --bbp-radius-pill: 999px;
  --bbp-control-height: 3rem;
  --bbp-icon-size: 1.25rem;
  --bbp-icon-nav-size: 1.5rem;
  --bbp-icon-stroke: 1.8;
  --bbp-focus-width: 3px;
  --bbp-nav-height: 4.5rem;
  --bbp-shadow: 0 12px 40px #123b2a20;
  --bbp-shadow-soft: 0 2px 10px #18312514;
  --bbp-overlay: #132d236b;
}