/*
Theme Name: My Crypto Theme Tailwind ULTRA FAST
Theme URI: https://example.com/my-crypto-theme-tailwind-pro
Author: My Crypto Team
Author URI: https://example.com/
Description: Ultra fast crypto news WordPress theme with local Tailwind CLI production CSS and local Alpine.js.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-crypto-theme-tailwind-ultra-fast
Tags: blog, news, custom-logo, custom-menu, featured-images, right-sidebar, translation-ready
*/

/* Small base fixes. Main design is Tailwind-based. */
html { scroll-behavior: smooth; }

/* Scoped to dark mode or handled by Tailwind */
.dark body { background:#070b14; color:#e5e7eb; }
body { @apply transition-colors duration-300; }

img { max-width:100%; height:auto; }
.wp-caption, .aligncenter { max-width:100%; }
.screen-reader-text {
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Base prose styles - prefer Tailwind classes in input.css but keeping these as fallback */
.dark .prose-content h2 { color:#fff; }
.dark .prose-content h3 { color:#fff; }
.dark .prose-content p { color:#d1d5db; }
.dark .prose-content ul, .dark .prose-content ol { color:#d1d5db; }
.dark .prose-content th { color:#fff; }
.dark .prose-content td { color:#d1d5db; }

/* Light mode overrides for style.css hardcoded values */
html:not(.dark) body { background:#ffffff; color:#000000; }
html:not(.dark) .prose-content h2, 
html:not(.dark) .prose-content h3 { color:#000000; }
html:not(.dark) .prose-content p,
html:not(.dark) .prose-content ul,
html:not(.dark) .prose-content ol { color:#0f172a; }
html:not(.dark) .prose-content th { background:#f8fafc; color:#000000; }
html:not(.dark) .prose-content td { border-color:#e2e8f0; color:#334155; }

.prose-content h2 { font-size:1.65rem; line-height:1.2; margin:2rem 0 1rem; font-weight:800; }
.prose-content h3 { font-size:1.25rem; line-height:1.3; margin:1.5rem 0 .75rem; font-weight:750; }
.prose-content p { margin:1rem 0; line-height:1.75; }
.prose-content a { color:#f59e0b; text-decoration:underline; text-underline-offset:3px; }
.prose-content ul, .prose-content ol { margin:1rem 0 1rem 1.25rem; }
.prose-content blockquote { margin:1.5rem 0; padding:1rem 1.25rem; border-left:4px solid #f59e0b; background:rgba(255,255,255,.04); border-radius:1rem; }
html:not(.dark) .prose-content blockquote { background:#f8fafc; border-left-color:#cbd5e1; }
.prose-content table { width:100%; border-collapse:collapse; margin:1.5rem 0; overflow:hidden; border-radius:1rem; }
.prose-content th, .prose-content td { border:1px solid rgba(255,255,255,.1); padding:.75rem; }
.prose-content th { background:rgba(255,255,255,.06); }