:root {
  /* ======= THEME COLORS ======= */
  --bg: #0f1113;           /* page background */
  --surface: #161a1e;      /* card/background panels */
  --surface-alt: #1c2126;  /* raised panel */
  --border: #2b3238;       /* borders & dividers */
  --primary: #b39a6a;      /* brass highlight */
  --primary-soft: #d2bf8a; /* lighter brass */
  --accent: #6e7a86;       /* steel accent */
  --text: #e6e8ea;         /* main text */
  --text-dim: #a7b0b8;     /* secondary text */

  /* ======= TYPOGRAPHY ======= */
  --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji';
  --radius: 18px;
}

/* Ensure the page background matches theme behind the fixed canvas */
html, body { background: var(--bg); }