/* base.css — reset + base typography */
@import url('tokens.css');

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--a99-font-body);
  font-size: var(--a99-fs-body);
  line-height: var(--a99-lh-body);
  color: var(--a99-text);
  background: var(--a99-bg);
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 {
  font-family: var(--a99-font-display);
  line-height: var(--a99-lh-tight);
  font-weight: 700;
  margin: 0 0 var(--a99-space-4);
}
h1 { font-size: var(--a99-fs-h1); }
h2 { font-size: var(--a99-fs-h2); margin-top: var(--a99-space-12); }
h3 { font-size: var(--a99-fs-h3); margin-top: var(--a99-space-8); }
p { margin: 0 0 var(--a99-space-4); }
a { color: var(--a99-gold); text-decoration: none; transition: color var(--a99-transition); }
a:hover { color: var(--a99-gold-glow); text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { margin: 0 0 var(--a99-space-4); padding-left: var(--a99-space-6); }
strong { color: var(--a99-gold-glow); }
:focus-visible { outline: 2px solid var(--a99-gold); outline-offset: 2px; }