:root {
  --clr-bg: #f7f9fc;
  --clr-surface: #ffffff;
  --clr-surface2: #eef2f7;
  --clr-text: #111827;
  --clr-muted: #6b7280;
  --clr-accent: #1f53e7;
  --clr-accent2: #3c85fb;
  --clr-cta: #059669;
  --clr-cta-text: #ffffff;
  --clr-border: #e5e7eb;

  --font-head: 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;

  --radius-card: 11px;
  --radius-btn: 1000px;
  --shadow-card: 0 8px 30px rgba(0,0,0,.12);
  --maxw: 1080px;
  --card-gap: 26px;
}