/* global.css */
body {
  font-family: var(--font-body);
  background: var(--bg-main);
  color: var(--text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.2;
}

h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin: 2rem 0 1rem; }
h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); margin: 1rem 0 0.5rem; }
p { margin: 0.75rem 0; }

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

a:hover { color: var(--accent); transition: color 0.2s; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}