:root {
  --bg-primary: #08090d;
  --bg-secondary: #0d0f14;
  --bg-card: #11141a;
  --bg-card-elevated: #151820;

  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-medium: rgba(255, 255, 255, 0.09);

  --text-primary: #e9ecf2;
  --text-secondary: #8b92a1;
  --text-tertiary: #5a6172;

  --twitch: #9146ff;
  --twitch-border: rgba(145, 70, 255, 0.22);
  --tiktok: #02b9b3;
  --tiktok-accent: #fe2c55;
  --tiktok-border: rgba(37, 244, 238, 0.18);

  --status-live: #22c55e;
  --status-offline: #4b5263;
  --status-connecting: #eab308;
  --status-error: #ef4444;

  --trend-positive: #22c55e;
  --trend-negative: #ef4444;

  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-elevated: 0 12px 36px rgba(0, 0, 0, 0.4);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}