:root {
  --primary:        #071871;
  --primary-mid:    #4A60D7;
  --primary-dark:   #050f50;
  --accent:         #FF6B35;
  --heading:        #111827;
  --text:           #374151;
  --text-muted:     #6B7280;
  --surface:        #FFFFFF;
  --surface-alt:    #F8FAFC;
  --surface-tint:   #EDF1FB;
  --surface-dark:   #1E293B;
  --on-surface:     #1E293B;
  --on-dark:        #F1F5F9;
  --on-primary:     #FFFFFF;
  --font-heading:   'Poppins', system-ui, sans-serif;
  --font-body:      'Lato', system-ui, sans-serif;
  --radius:         12px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--text);
  background: var(--surface);
  line-height: 1.65;
}
h1 { font-family: var(--font-heading); font-size: clamp(42px,5vw,50px); font-weight: 700; color: var(--heading); line-height: 1.15; }
h2 { font-family: var(--font-heading); font-size: clamp(28px,3.5vw,40px); font-weight: 700; color: var(--heading); line-height: 1.2; }
h3 { font-family: var(--font-heading); font-size: clamp(20px,2vw,25px); font-weight: 600; color: var(--heading); }
h4 { font-family: var(--font-heading); font-size: clamp(18px,1.8vw,22px); font-weight: 500; color: var(--heading); }
p  { font-size: clamp(16px,1.1vw,18px); }
a  { color: var(--primary-mid); text-decoration: none; }
a:hover { color: var(--primary-dark); }
img { display: block; max-width: 100%; height: auto; }