:root,
[data-theme="dark"] {
  --color-bg: #0a0a0f;
  --color-surface: #12121a;
  --color-surface-hover: #1a1a2a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-glass: rgba(18, 18, 26, 0.85);
  --color-glass-border: rgba(255, 255, 255, 0.06);

  --color-accent: #0088ff;
  --color-accent-dim: rgba(0, 136, 255, 0.3);
  --color-accent-glow: rgba(0, 136, 255, 0.2);

  --color-text: #e0e0e0;
  --color-text-dim: #888;
  --color-text-bright: #ffffff;
  --color-terminal-green: #00ff41;
  --color-error: #ff3355;

  --header-bg: rgba(0, 0, 0, 0.85);
  --header-text: #ffffff;
  --header-border: rgba(255, 255, 255, 0.06);

  --feed-bg: rgba(255, 255, 255, 0.03);
  --feed-border: rgba(255, 255, 255, 0.06);

  --toggle-bg: #2a2a3a;
  --toggle-ball: #ffffff;
}

[data-theme="light"] {
  --color-bg: #f0f2f5;
  --color-surface: #ffffff;
  --color-surface-hover: #e8eaed;
  --color-border: rgba(0, 0, 0, 0.1);
  --color-glass: rgba(255, 255, 255, 0.85);
  --color-glass-border: rgba(0, 0, 0, 0.06);

  --color-accent: #0066cc;
  --color-accent-dim: rgba(0, 102, 204, 0.15);
  --color-accent-glow: rgba(0, 102, 204, 0.15);

  --color-text: #1a1a1a;
  --color-text-dim: #666;
  --color-text-bright: #000000;
  --color-terminal-green: #00aa33;
  --color-error: #cc0033;

  --header-bg: rgba(0, 0, 0, 0.9);
  --header-text: #ffffff;
  --header-border: rgba(255, 255, 255, 0.1);

  --feed-bg: rgba(0, 0, 0, 0.02);
  --feed-border: rgba(0, 0, 0, 0.08);

  --toggle-bg: #ccc;
  --toggle-ball: #ffffff;
}

:root {
  --font-mono: 'Fira Code', 'Cascadia Code', 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
  --font-sans: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

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

  --glow-accent: 0 0 10px var(--color-accent-glow), 0 0 20px var(--color-accent-glow);

  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;

  --max-width: 1280px;
  --header-height: 60px;
}