:root {
  --color-primary:#087EA4; --color-primary-dark:#055c78; --color-primary-soft:#EAF7FB;
  --color-accent:#FFB703; --color-accent-dark:#D99200; --color-heading:#17202A;
  --color-body:#4B5563; --color-muted:#6B7280; --color-border:#E5E7EB;
  --color-surface:#fff; --color-surface-soft:#F7F9FA; --color-success:#14804A; --color-danger:#C83C3C;
  --shadow-sm:0 4px 18px rgba(20,40,55,.07); --shadow-md:0 18px 48px rgba(20,40,55,.11);
  --font-family:"Inter","Segoe UI",Arial,sans-serif; --font:var(--font-family);
  --font-size-xs:12px; --font-size-sm:14px; --font-size-base:16px; --font-size-lg:18px;
  --font-size-xl:20px; --font-size-2xl:24px; --font-size-3xl:32px; --font-size-4xl:40px;
  --font-size-hero:clamp(36px,5vw,64px);
  --font-regular:400; --font-medium:500; --font-semibold:600; --font-bold:700;
  --line-height-tight:1.2; --line-height-heading:1.3; --line-height-body:1.6;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-16:64px; --space-20:80px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-pill:999px;
  --container:1240px;
}