/* app/static/css/theme.css */
:root {
    color-scheme: light dark;
  }
  
  /* Default dark theme styles remain unchanged */
  
  /* Light mode overrides */
  @media (prefers-color-scheme: light) {
    /* Change background colors */
    .bg-black {
      background-color: rgb(255, 255, 255);
    }
    .bg-zinc-900 {
      background-color: rgb(249, 250, 251); /* Light gray background */
    }
    .bg-zinc-900\/50 {
      background-color: rgb(249, 250, 251, 0.1);
    }
    
    /* Border colors */
    .border-zinc-800,
    .border-zinc-900,
    .md\:border-zinc-900 {
      border-color: rgb(229, 231, 235); /* Light gray border */
    }
    
    /* Text colors */
    .text-white {
      color: rgb(17, 24, 39); /* Dark text for contrast */
    }
    .text-zinc-400 {
      color: rgb(107, 114, 128); /* Darker gray for better readability */
    }
    .text-zinc-500 {
      color: rgb(75, 85, 99);
    }
    .text-gray-400 {
      color: rgb(107, 114, 128);
    }
    
    /* Keep purple accent but slightly darker for contrast */
    .text-purple-500\/70 {
      color: rgb(147, 51, 234 / 0.9);
    }
    .user-input {
      color: rgb(147, 51, 234 / 0.9);
    }
    
    /* Modify gradient for light mode while keeping it colorful */
    .gradient-bg {
      background: linear-gradient(
        45deg,
        rgba(147, 51, 234, 0.7),  /* Slightly darker purple */
        rgba(59, 130, 246, 0.7),  /* Keep blue */
        rgba(236, 72, 153, 0.7)   /* Keep pink */
      );
      background-size: 300% 300%;
      animation: gradientFlow 15s ease infinite;
      filter: blur(50px);
      opacity: 0.5; /* Reduce opacity for lighter feel */
    }
    
    /* Hover states */
    .hover\:text-white:hover {
      color: rgb(17, 24, 39);
    }
    .hover\:border-white:hover {
      border-color: rgb(17, 24, 39);
    }
    .group-hover\:text-white {
      color: rgb(17, 24, 39);
    }
    
    /* Terminal scrollbar for light mode */
    @media (min-width: 768px) {
      .terminal-scroll::-webkit-scrollbar-track {
        background: rgba(229, 231, 235, 0.3);
      }
      .terminal-scroll::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.3);
      }
      .terminal-scroll::-webkit-scrollbar-thumb:hover {
        background: rgba(107, 114, 128, 0.5);
      }
    }
    
    /* Prose styles for light mode */
    .prose {
      --tw-prose-body: #374151;
      --tw-prose-headings: #111827;
      --tw-prose-links: #6366f1;
      --tw-prose-code: #111827;
      --tw-prose-pre-code: #374151;
      --tw-prose-pre-bg: #f3f4f6;
    }
  
    /* Override body background and grain effect for light mode */
    body {
      background: white;
    }
    
    body::before {
      opacity: 0.05; /* Slightly reduce grain opacity in light mode */
    }
  }
  
  /* Add support for forced color schemes using data attributes */
  [data-theme="light"] {
    color-scheme: light;
  }
  
  [data-theme="dark"] {
    color-scheme: dark;
  }