:root {

  --color-primary: #2563EB;
  --color-primary-700: #1E40AF;
  --color-navy: #0F172A;
  --color-navy-800: #1E293B;
  --color-sky: #DBEAFE;
  --color-sky-50: #EFF6FF;
  --color-cloud: #F1F5F9;
  --color-white: #FFFFFF;
  --color-slate: #475569;
  --color-slate-400: #94A3B8;
  --color-border: #CBD5E1;
  --color-border-soft: #E2E8F0;
  --color-accent: #F59E0B;
  --color-accent-600: #D97706;
  --color-success: #22C55E;
  --color-error: #EF4444;
  --color-wa: #25D366;
  --color-cyan: #22D3EE;

  --gradient-hero: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);

  --font-heading: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-h1: clamp(2rem, 3.2vw, 2.75rem);
  --fs-h2: clamp(1.4rem, 2.2vw, 1.875rem);
  --fs-h3: 1.125rem;
  --fs-lead: clamp(0.95rem, 1.2vw, 1.0625rem);
  --fs-body: 0.9375rem;
  --fs-small: 0.8125rem;
  --fs-eyebrow: 0.75rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 36px;
  --space-8: 48px;
  --space-9: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 6px 20px rgba(15, 23, 42, .08);
  --shadow-lg: 0 16px 36px rgba(37, 99, 235, .15);

  --container: 1160px;
  --nav-h: 60px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 550ms;
}