:root {
  --clr-page-bg: #a8cfcb;
  --clr-surface: #ffffff;
  --clr-surface-ghost: rgba(255, 255, 255, .88);

  --clr-text: #1f2937;
  --clr-text-soft: #374151;
  --clr-text-muted: #6b7280;

  --clr-accent: #0e0e0e;
  --clr-accent-contrast: #ffffff;
  --clr-link: #0e0e0e;
  --clr-link-hover: #1f2937;

  --clr-border: rgba(0,0,0,.08);
  --shadow-1: 0 8px 24px rgba(0,0,0,.12);
  --radius: 10px;
  --radius-pill: 999px;

  --container: 1180px;
  --gutter: 32px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 72px;
  --space-7: 96px;

  --bp-md: 768px;
  --bp-lg: 1024px;
}