/* Enhanced dark mode support for Android Chrome */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
  
  /* Force dark mode on Android Chrome */
  body {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
  }
  
  /* Ensure form elements respect dark mode */
  input, textarea, select {
    color-scheme: dark;
  }
  
  /* Meta theme color for dark mode */
  meta[name="theme-color"] {
    content: "#0f172a";
  }
}

/* Light mode explicit support */
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
  }
  
  body {
    background-color: #f9fafb;
    color: #111827;
  }
  
  input, textarea, select {
    color-scheme: light;
  }
}

/* Fallback for browsers that don't support prefers-color-scheme */
@media (prefers-color-scheme: no-preference) {
  :root {
    color-scheme: light dark;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */