:root {
  --bg-primary: #fafafa;
  --bg-secondary: #f8f8f7;
  --bg-card: #f5f5f4;
  --bg-hover: #f5f4f2;
  --text-primary: #111111;
  --text-secondary: #8a8480;
  --accent: #E8692D;
  --accent-glow: rgba(232, 105, 45, 0.10);
  --gold: #d4a800;
  --silver: #888888;
  --bronze: #b06d28;
  --green: #16a34a;
  --red: #dc2626;
  --border: #e0ddd9;
  --radius: 16px;

  /* Tier colors */
  --tier-bronze: #b06d28;
  --tier-silver: #888888;
  --tier-gold: #d4a800;
  --tier-platinum: #555555;
  --tier-diamond: #333333;
}

body {
  font-family: 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  background: linear-gradient(to bottom, #ffffff 0%, #e8e6e3 100%);
  color: var(--text-primary);
}

a { color: #333; }
a:hover { color: var(--accent); }

::selection {
  background: var(--accent);
  color: #fff;
}

/* Dark Mode */
[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #202020;
  --bg-card: #111111;
  --bg-hover: #252525;
  --text-primary: #f0f0f0;
  --text-secondary: #aaaaaa;
  --accent: #E8692D;
  --accent-glow: rgba(232, 105, 45, 0.10);
  --border: #333333;
  --tier-diamond: #e0e0e0;
  --tier-platinum: #aaaaaa;
}

[data-theme="dark"] body {
  background: #1a1a1a;
}

[data-theme="dark"] a { color: #ccc; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }