/* Dark Mode Styles */
:root {
  --color-night: #0b1220;
  --color-white: #ffffff;
  --color-brand-600: #059669;
  --color-text-dark: #f3f4f6;
}

html.dark {
  color-scheme: dark;
}

html.dark body {
  background-color: var(--color-night);
  color: var(--color-text-dark);
}

/* Smooth transitions for theme switching */
html,
html * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

html.dark button,
html.dark input,
html.dark select,
html.dark textarea {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--color-text-dark);
  border-color: rgba(255, 255, 255, 0.1);
}

html.dark a {
  color: inherit;
}

/* Print styles */
@media print {
  html.dark {
    background: white;
    color: #000;
  }
}