*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }

:root {
  --gold: #c9a35c;
  --gold-bright: #d4b872;
  --gold-dim: rgba(201,163,92,0.15);
  --gold-border: rgba(201,163,92,0.18);
  --red: #7d1c1c;
  --bg: #0d0b08;
  --sidebar-bg: #080604;
  --text: #e8d5a3;
  --text-dim: #a89060;
  --text-muted: #6a5535;
  --font-display: 'Rye', serif;
  --font-body: 'Playfair Display', serif;
}

body { background: var(--bg); color: var(--text); font-family: var(--font-body); }
button { cursor: pointer; font-family: var(--font-body); border-radius: 0; }
input, select, textarea { border-radius: 0; font-family: var(--font-body); }
a { text-decoration: none; color: inherit; }
img { pointer-events: none; user-select: none; }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0a0805; }
::-webkit-scrollbar-thumb { background: rgba(201,163,92,0.2); border-radius: 2px; }