:root {
  --bg: #0c0a10;
  --bg-elevated: #131019;
  --bg-card: #16121e;
  --border: #262032;
  --text: #f3f1f6;
  --text-muted: #948aa3;
  --twitch: #9146ff;
  --kick: #53fc18;
  --youtube: #ff3b3b;
  --radius: 4px;
  --font-display: 'Univia Pro', sans-serif;
  --font-body: 'Univia Pro', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

[data-theme="light"] {
  --bg: #f5f3f8;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --border: #ddd4e8;
  --text: #191220;
  --text-muted: #6c6078;
  --twitch: #7c2ff0;
  --kick: #2c9b0a;
  --youtube: #cf1c1c;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.5;
  min-height: 100vh;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

h1, h2, h3, h4 { font-family: var(--font-display); }