/* base.css — GameAdvisor */
:root{
  --bg:#1B2A2E; --surface:#23383D; --accent:#B08D57;
  --light-bg:#F4F1E8; --text-dark:#1A1A17; --text-light:#EDEAE0;
  --focus:#2b6cb0;
  --font-head:'Fraunces', serif;
  --font-text:'Inter', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--light-bg); color:var(--text-dark);
  font-family:var(--font-text); line-height:1.6; font-size:16px;
}
h1,h2,h3,h4{font-family:var(--font-head); line-height:1.2; margin:0 0 .5em}
h1{font-size:2.2rem} h2{font-size:1.6rem; margin-top:2rem} h3{font-size:1.2rem}
p{margin:0 0 1em; max-width:68ch}
a{color:var(--accent)}
a:focus, button:focus, [tabindex]:focus{outline:3px solid var(--focus); outline-offset:2px}
.skip-link{position:absolute; left:-9999px; top:0; background:#fff; color:#000; padding:.5em 1em; z-index:1000}
.skip-link:focus{left:8px; top:8px}
table{border-collapse:collapse; width:100%; margin:1em 0}
th,td{border:1px solid #ccc3; padding:.6em .8em; text-align:left; vertical-align:top}
caption{caption-side:top; text-align:left; font-weight:600; margin-bottom:.4em}
:root:not([data-theme]) { color-scheme: light dark; }