@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

body { font-family: var(--font-body); background: var(--bg); color: var(--text); line-height: 1.6; }
h1, h2, h3, h4, h5 { font-family: var(--font-heading); font-weight: 700; color: var(--dark); line-height: 1.1; }
h1 { font-size: clamp(2rem, 5vw, 3.4rem); }
h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
h3 { font-size: 1.25rem; }
p { margin-bottom: 1rem; color: var(--text-light); }
.container { max-width: var(--container-max); margin: 0 auto; padding: 0 2rem; }
@media (max-width: 768px) { .container { padding: 0 1.2rem; } }