:root {
  --color-brand-primary: #10da1e;
  --color-brand-secondary: #a9aae5;
  --color-text-primary: #42454d;
  --color-bg-primary: #f5f5f5;
  --color-bg-secondary: #f9fafb;
  --color-bg-accent: #bdd3ff;
  --color-text-secondary: #6b7280;
  --color-text-muted: #9ca3af;
  --color-border-default: #d1d5db;
  --color-border-muted: #e5e7eb;
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: system-ui, -apple-system, sans-serif;
  --btn-border-radius: 4px;
  --btn-font-weight: 600;
  --btn-border-width: 2px;
  --btn-text-on-primary: #ffffff;
  --btn-padding-x: 1.25rem;
  --btn-padding-y: 0.625rem;
  --btn-text-transform: none;
  --width-contained: 1200px;
  --width-narrow: 800px;
  --width-wide: 1400px;
}