/* Shared design tokens + reset for the zorkjs pages (landing + play).
   Page-specific layout stays inline in each page's <style>. Keeping the
   palette here means color/theme tweaks happen in exactly one place. */
:root {
  --bg: #0b0f0b;
  --fg: #cfe8cf;
  --dim: #7fae7f;
  --accent: #9be29b;
  --bar: #14211a; /* toolbar background */
  --card: #0e1710; /* raised surfaces: cards, menu, modal */
  --line: #35513b; /* borders */
  --surface: #1c2c20; /* hover / secondary buttons */
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
}