/* CSS Reset */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* CSS Variables */
:root {
  --bg: #0d0d0d;
  --bg-secondary: #1a1a1a;
  --bg-card: #161616;
  --bg-card-hover: #1c1c1c;
  --bg-input: #222;
  --bg-hover: #252525;
  --text: #e0e0e0;
  --text-muted: #888;
  --accent: #FF8811;
  --accent-hover: #e07020;
  --accent-dim: rgba(255,136,17,0.15);
  --border: #333;
  --success: #4a9;
  --danger: #c44;
  --warning: #ca3;
  --radius: 8px;
}

/* Base Typography */
html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }

h1 { font-size: 1.8rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.1rem; }
h4 { font-size: 0.9rem; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }