@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KU7NShXUEKi4Rw.woff2') format('woff2');
  font-weight: 200 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2') format('woff2');
  font-weight: 300 900; font-style: normal; font-display: swap;
}

body {
  font-family: var(--font-body); font-size: var(--text-base);
  color: var(--color-text-body); background-color: var(--color-bg);
}

h1, h2, h3, h4 {
  font-family: var(--font-display); font-weight: 800;
  color: var(--color-text); line-height: 1.05; letter-spacing: -0.03em;
}
h1 { font-size: var(--text-5xl); margin-bottom: var(--space-lg); }
h2 { font-size: var(--text-3xl); margin-bottom: var(--space-lg); }
h3 { font-size: var(--text-2xl); margin-bottom: var(--space-md); }
h4 { font-size: var(--text-xl); color: var(--color-text-light); margin-bottom: var(--space-sm); }
p { margin-bottom: var(--space-md); max-width: 70ch; }
strong { color: var(--color-text); font-weight: 600; }
a:hover { color: var(--color-accent-gold); }
::selection { background: var(--color-accent-gold); color: #000; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: var(--color-accent-gold); border-radius: 3px; }

@media (max-width: 768px) {
  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
  h3 { font-size: var(--text-xl); }
}