@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(17, 24, 39, 0.87);
  background-color: #ffffff;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

/* Dark mode color overrides for root */
:root.dark {
  color: rgba(255, 255, 255, 0.87);
  background-color: #0f172a;
}

/* Ensure proper text contrast in dark mode */
.dark {
  color-scheme: dark;
}

.dark * {
  border-color: rgb(55 65 81 / 0.4);
}

.dark input,
.dark textarea,
.dark select {
  background-color: rgb(31 41 55);
  color: rgb(243 244 246);
  border-color: rgb(75 85 99);
}

.dark input::placeholder,
.dark textarea::placeholder {
  color: rgb(156 163 175);
}

.dark .bg-white {
  background-color: rgb(31 41 55) !important;
}

.dark .text-gray-900 {
  color: rgb(243 244 246) !important;
}

.dark .text-gray-700 {
  color: rgb(209 213 219) !important;
}

.dark .text-gray-600 {
  color: rgb(156 163 175) !important;
}

.dark .text-gray-500 {
  color: rgb(107 114 128) !important;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
}

#root {
  width: 100%;
  min-height: 100vh;
}