/* Override system color scheme preferences */
@media (prefers-color-scheme: dark) {
  :root:not(.dark) {
    color-scheme: light !important;
  }
  
  :root:not(.dark) * {
    background-color: var(--bg-light, inherit) !important;
    color: var(--text-light, inherit) !important;
  }
}

@media (prefers-color-scheme: light) {
  :root.dark {
    color-scheme: dark !important;
  }
  
  :root.dark * {
    background-color: var(--bg-dark, inherit) !important;
    color: var(--text-dark, inherit) !important;
  }
}

/* Base colors */
:root {
  --bg-light: #f4f4f5;
  --text-light: #18181b;
  color-scheme: light;
}

:root.dark {
  --bg-dark: #18181b;
  --text-dark: #f4f4f5;
  color-scheme: dark;
}