/* Estilo do site do Tower of Chess: paleta do jogo (docs/arte.md seção 1), fonte do sistema, celular primeiro. */
:root {
  --bg: #110a2e;
  --text: #d9cfff;
  --title: #ffd23f;
  --accent: #7b5cff;
  --accent-dark: #4e33d9;
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); }
body {
  margin: 0;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
main { max-width: 42rem; margin: 0 auto; padding: 24px 16px 48px; }
h1, h2, h3 { color: var(--title); line-height: 1.25; }
h1 { font-size: 1.75rem; margin: 0.5rem 0 1rem; }
h2 { font-size: 1.25rem; margin: 2rem 0 0.5rem; }
h3 { font-size: 1.05rem; margin: 1.5rem 0 0.5rem; }
a { color: var(--accent); overflow-wrap: anywhere; }
a:hover, a:focus { color: var(--title); }
ul { padding-left: 1.25rem; }
li { margin: 0.25rem 0; }
strong { color: #fff; }
.center { text-align: center; }
.button {
  display: inline-block;
  margin: 16px 0;
  padding: 14px 28px;
  border-radius: 12px;
  background: var(--accent);
  border-bottom: 4px solid var(--accent-dark);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.button:hover, .button:focus { background: var(--accent-dark); color: #fff; }
.button[hidden] { display: none; }
footer { margin-top: 3rem; font-size: 0.875rem; opacity: 0.8; }