:root {
  --bg-deep: #f0ede8;
  --bg-primary: #faf8f5;
  --bg-secondary: #ebe7e0;
  --bg-card: #faf8f5;
  --bg-card-hover: #f3f0ea;
  --bg-elevated: #faf8f5;
  --bg-arena: #faf8f5;

  --text-primary: #1c1917;
  --text-secondary: #44403c;
  --text-muted: #78716c;

  --link: #3f6212;
  --link-hover: #365314;
  --accent: #b45309;
  --accent-dim: #92400e;
  --accent-soft: rgba(180, 83, 9, 0.09);
  --gold: #a16207;
  --success: #4d7c0f;
  --danger: #b91c1c;

  --border: rgba(28, 25, 23, 0.14);
  --border-accent: rgba(180, 83, 9, 0.4);

  --key-face: #e7e5e4;
  --key-face-mid: #d6d3d1;
  --key-edge: #a8a29e;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
  --shadow-md: 0 2px 6px rgba(28, 25, 23, 0.07);
  --shadow-game: 0 1px 2px rgba(28, 25, 23, 0.06), 0 4px 16px rgba(28, 25, 23, 0.07);
  --shadow-key: 0 5px 0 var(--key-edge), 0 2px 4px rgba(28, 25, 23, 0.08);

  --font-display: 'Syne', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', monospace;

  --max-width: 1140px;
  --prose-width: 680px;
  --header-height: 56px;
}