:root {
  --abpp-color-teal: #007c91;
  --abpp-color-teal-dark: #005e71;
  --abpp-color-navy: #0a6478;
  --abpp-color-text: #133b45;
  --abpp-color-muted: #4f6c74;
  --abpp-color-border: #c7e6e8;
  --abpp-color-sky: #e5f8f8;
  --abpp-color-surface: #f4fbfa;
  --abpp-color-warm: #fff5e8;
  --abpp-color-white: #ffffff;
  --abpp-color-focus: #005e71;
  --abpp-color-success: #168b67;
  --abpp-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --abpp-container: 1200px;
  --abpp-gutter: clamp(1.25rem, 4vw, 3rem);
  --abpp-space-1: .5rem;
  --abpp-space-2: .75rem;
  --abpp-space-3: 1rem;
  --abpp-space-4: 1.5rem;
  --abpp-space-5: 2rem;
  --abpp-space-6: 3rem;
  --abpp-space-7: 4.5rem;
  --abpp-radius-small: .75rem;
  --abpp-radius-card: 1.25rem;
  --abpp-radius-large: 2.25rem;
  --abpp-radius-pill: 999px;
  --abpp-shadow-card: 0 .5rem 1.75rem rgb(10 100 120 / 9%);
  --abpp-shadow-hover: 0 .8rem 2rem rgb(10 100 120 / 16%);
}