/* Automatic dark mode: follows the client's OS/browser color-scheme preference.
   Loaded after adoi.css/adoi-min.css so these overrides win the cascade. */

:root {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: #0f172a;
  }

  .bg-white {
    background-color: #0f172a;
  }

  .text-gray-600 {
    color: #9ca3af;
  }

  .text-gray-800 {
    color: #e5e7eb;
  }

  .border-gray-200 {
    border-color: #374151;
  }

  .text-red-600 {
    color: #f87171;
  }

  .hover\:text-red-700:hover,
  .group:hover .group-hover\:text-red-700 {
    color: #fca5a5;
  }

  /* Tailwind typography already ships inverted color variables for prose content;
     they just need activating here since there's no live Tailwind build to wire
     up a `dark` variant for the `prose` plugin. */
  .prose {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }
}