/* dark-mode.css - Common dark mode styles for all aviation calculators */

/* Ensure smooth transitions when toggling dark mode */
html.dark {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ensure proper text contrast in dark mode */
html.dark body {
  color: #f3f4f6;
}

/* Ensure proper background colors for dark mode */
html.dark .bg-gray-50 {
  background-color: #111827;
}

html.dark .bg-white {
  background-color: #1f2937;
}

/* Ensure proper border colors in dark mode */
html.dark .border-gray-200 {
  border-color: #374151;
}

html.dark .border-gray-300 {
  border-color: #4b5563;
}

/* Ensure proper input styling in dark mode */
html.dark input,
html.dark select,
html.dark textarea {
  background-color: #374151;
  color: #f3f4f6;
  border-color: #4b5563;
}

html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

/* Ensure proper button styling in dark mode */
html.dark button {
  transition: background-color 0.2s ease, transform 0.1s ease;
}

html.dark button:active {
  transform: translateY(1px);
}

/* Ensure proper table styling in dark mode */
html.dark table {
  border-color: #4b5563;
}

html.dark th {
  background-color: #374151;
  color: #f3f4f6;
}

html.dark td {
  border-color: #4b5563;
}

/* Ensure proper SVG styling in dark mode */
html.dark svg {
  color: #f3f4f6;
}

/* Ensure proper focus styles in dark mode */
html.dark *:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

/* Ensure proper placeholder text color in dark mode */
html.dark ::placeholder {
  color: #9ca3af;
}

/* Ensure proper result section styling in dark mode */
html.dark .bg-green-50 {
  background-color: #1f2937;
}

html.dark .text-green-800 {
  color: #4ade80;
}

html.dark .border-green-200 {
  border-color: #374151;
}

html.dark .border-green-100 {
  border-color: #374151;
}