@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #1a1a2e;
    --color-surface: #16213e;
    --color-text: #eaeaea;
    --color-text-secondary: #a0a0b0;
    --color-primary: #e74c3c;
    --color-primary-hover: #ff6b6b;
    --color-primary-light: #2d1b1b;
    --color-secondary: #2a2a4a;
    --color-secondary-hover: #3a3a5a;
    --color-ring-bg: #2a2a4a;
    --color-ring-progress: #e74c3c;
    --color-success: #2ecc71;
    --color-bar: #3498db;
    --color-break-long: #9b59b6;
    --logo-shine: #c0392b;
    --logo-mid: #a93226;
    --logo-dark: #7b241c;
    --shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
  }
}