* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --ink: #e8efff; --dim: #93a3c6; --gold: #ffcf5e; --teal: #46d8c4;
  --wood: #b98a5e; --bg: #141a2e; --card: #1d2540; --line: #2c3760;
}
html, body { height: 100%; }
body { overflow-x: clip; } /* decorative layers may bleed, the page must not scroll sideways */
body {
  background: var(--bg); color: var(--ink);
  font-family: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--teal); }