*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--rpg-warm-white); color: var(--rpg-charcoal); font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 1.6; }
body, button, input, select, textarea { font-family: Inter, system-ui, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--rpg-navy); font-family: Manrope, Inter, system-ui, sans-serif; line-height: 1.1; letter-spacing: -.025em; }
h1 { font-size: clamp(2.6rem, 5vw, 5.4rem); }
h2 { font-size: clamp(2rem, 3.2vw, 3.4rem); }
h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
p { margin: 0 0 var(--rpg-space-3); }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--rpg-copper); outline-offset: 3px; }