@import '../fonts/fonts.css';

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

html { scroll-behavior: smooth; overflow-x: clip; }

body {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.7;
  background: var(--bg);
  color: var(--ink);
  overflow-x: clip;
}

h1, h2, h3 {
  font-family: 'Marcellus', serif;
  font-weight: 400;
  line-height: 1.2;
  color: var(--ink-strong);
}

h1 { font-size: clamp(2.2rem, 5.5vw, 3.6rem); letter-spacing: 0.01em; }
h2 { font-size: clamp(1.7rem, 3.5vw, 2.4rem); }
h3 { font-size: 1.25rem; }

img { max-width: 100%; display: block; }

a { color: var(--link); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}