:root {
  --bg: #FFFFFF;
  --surface: #F9FAFB;
  --text: #111827;
  --text-sec: #4B5563;
  --text-muted: #9CA3AF;
  --accent: #0A66C2;
  --accent-hov: #004182;
  --accent-lt: #F0F7FF;
  --accent-bd: #C8DFF5;
  --border: #E5E7EB;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Source Sans 3', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  font-family: 'Sora', sans-serif;
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-hov);
}

::selection {
  background: var(--accent-lt);
  color: var(--accent);
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--surface);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

/* Responsive base */
@media (max-width: 768px) {
  h1 { font-size: 32px !important; letter-spacing: -0.8px !important; }
  h2 { font-size: 24px !important; }
}