/* Dark theme styles for Tailwind CSS */

[data-theme="dark"] {
    color-scheme: dark;
}

[data-theme="dark"] body {
    background-color: #181f2a;
    color: #f4f4fa;
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-gray-50 {
    background-color: #181f2a;
}

[data-theme="dark"] .bg-gray-100 {
    background-color: #232946;
}

[data-theme="dark"] .bg-gray-200 {
    background-color: #232946;
}

[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-700 {
    color: #f4f4fa;
}

[data-theme="dark"] .text-gray-600 {
    color: #b8c1ec;
}

[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-400 {
    color: #b8c1ec;
}

[data-theme="dark"] a,
[data-theme="dark"] .accent {
    color: #eebbc3;
}

[data-theme="dark"] .border {
    border-color: #374151;
}

[data-theme="dark"] .border-gray-200 {
    border-color: #374151;
}

[data-theme="dark"] .border-gray-300 {
    border-color: #4b5563;
}

[data-theme="dark"] .border-gray-400 {
    border-color: #6b7280;
}

[data-theme="dark"] .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .bg-gray-800 {
    background-color: #111827;
}

[data-theme="dark"] .bg-gray-700 {
    background-color: #374151;
}

[data-theme="dark"] .bg-gray-600 {
    background-color: #4b5563;
}

[data-theme="dark"] .bg-gray-500 {
    background-color: #6b7280;
}

[data-theme="dark"] .bg-gray-400 {
    background-color: #9ca3af;
}

[data-theme="dark"] .bg-gray-300 {
    background-color: #d1d5db;
}

[data-theme="dark"] .bg-gray-200 {
    background-color: #e5e7eb;
}

[data-theme="dark"] .bg-gray-100 {
    background-color: #f3f4f6;
}

[data-theme="dark"] .bg-gray-50 {
    background-color: #f9fafb;
}

[data-theme="dark"] .hover\:bg-gray-100:hover {
    background-color: #374151;
}

[data-theme="dark"] .hover\:bg-gray-200:hover {
    background-color: #4b5563;
}

[data-theme="dark"] .hover\:bg-gray-300:hover {
    background-color: #6b7280;
}

[data-theme="dark"] .hover\:bg-gray-400:hover {
    background-color: #9ca3af;
}

[data-theme="dark"] .hover\:bg-gray-500:hover {
    background-color: #d1d5db;
}

[data-theme="dark"] .hover\:bg-gray-600:hover {
    background-color: #e5e7eb;
}

[data-theme="dark"] .hover\:bg-gray-700:hover {
    background-color: #f3f4f6;
}

[data-theme="dark"] .hover\:bg-gray-800:hover {
    background-color: #f9fafb;
}

[data-theme="dark"] .hover\:text-gray-700:hover {
    color: #e5e7eb;
}

[data-theme="dark"] .hover\:text-gray-800:hover {
    color: #f9fafb;
}

[data-theme="dark"] .hover\:text-white:hover {
    color: #ffffff;
}

[data-theme="dark"] .focus\:ring-blue-600:focus {
    --tw-ring-color: #2563eb;
}

[data-theme="dark"] .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

[data-theme="dark"] .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

[data-theme="dark"] .focus\:border-blue-600:focus {
    border-color: #2563eb;
}

[data-theme="dark"] .border-b {
    border-bottom-color: #374151;
}

[data-theme="dark"] .border-t {
    border-top-color: #374151;
}

[data-theme="dark"] .border-l {
    border-left-color: #374151;
}

[data-theme="dark"] .border-r {
    border-right-color: #374151;
}

[data-theme="dark"] .border-x {
    border-left-color: #374151;
    border-right-color: #374151;
}

[data-theme="dark"] .border-y {
    border-top-color: #374151;
    border-bottom-color: #374151;
}

[data-theme="dark"] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: #374151;
}

[data-theme="dark"] .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: #4b5563;
}

[data-theme="dark"] .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    border-color: #6b7280;
}

[data-theme="dark"] .ring-gray-200 {
    --tw-ring-color: #374151;
}

[data-theme="dark"] .ring-gray-300 {
    --tw-ring-color: #4b5563;
}

[data-theme="dark"] .ring-gray-400 {
    --tw-ring-color: #6b7280;
}

[data-theme="dark"] .ring-gray-500 {
    --tw-ring-color: #9ca3af;
}

[data-theme="dark"] .ring-gray-600 {
    --tw-ring-color: #d1d5db;
}

[data-theme="dark"] .ring-gray-700 {
    --tw-ring-color: #e5e7eb;
}

[data-theme="dark"] .ring-gray-800 {
    --tw-ring-color: #f3f4f6;
}

[data-theme="dark"] .ring-gray-900 {
    --tw-ring-color: #f9fafb;
}

[data-theme="dark"] .placeholder-gray-400::placeholder {
    color: #9ca3af;
}

[data-theme="dark"] .placeholder-gray-500::placeholder {
    color: #6b7280;
}

[data-theme="dark"] .placeholder-gray-600::placeholder {
    color: #4b5563;
}

[data-theme="dark"] .placeholder-gray-700::placeholder {
    color: #374151;
}

[data-theme="dark"] .placeholder-gray-800::placeholder {
    color: #1f2937;
}

[data-theme="dark"] .placeholder-gray-900::placeholder {
    color: #111827;
}

/* Code block dark theme */
[data-theme="dark"] .code-block {
    background-color: #1f2937;
    border-color: #374151;
}

[data-theme="dark"] .code-header {
    background-color: #374151;
    border-color: #4b5563;
    color: #f9fafb;
}

[data-theme="dark"] .code-block pre {
    background-color: #111827;
    color: #10b981;
}

[data-theme="dark"] .embed-block {
    background-color: #1f2937;
    border-color: #374151;
}

[data-theme="dark"] .embed-header {
    background-color: #374151;
    border-color: #4b5563;
    color: #f9fafb;
}

[data-theme="dark"] .embed-content {
    background-color: #111827;
}

/* Modal dark theme */
[data-theme="dark"] .modal {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .modal-content {
    background-color: #1f2937;
    border-color: #374151;
}

/* Form elements dark theme */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #374151;
    border-color: #4b5563;
    color: #f9fafb;
}

[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] input[type="password"]:focus,
[data-theme="dark"] input[type="url"]:focus,
[data-theme="dark"] input[type="number"]:focus,
[data-theme="dark"] input[type="search"]:focus,
[data-theme="dark"] input[type="tel"]:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    background-color: #374151;
    border-color: #3b82f6;
    color: #f9fafb;
}

[data-theme="dark"] input[type="text"]::placeholder,
[data-theme="dark"] input[type="email"]::placeholder,
[data-theme="dark"] input[type="password"]::placeholder,
[data-theme="dark"] input[type="url"]::placeholder,
[data-theme="dark"] input[type="number"]::placeholder,
[data-theme="dark"] input[type="search"]::placeholder,
[data-theme="dark"] input[type="tel"]::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #9ca3af;
}

/* Quill editor dark theme */
[data-theme="dark"] .ql-editor {
    background-color: #374151;
    color: #f9fafb;
}

[data-theme="dark"] .ql-toolbar {
    background-color: #1f2937;
    border-color: #374151;
}

[data-theme="dark"] .ql-container {
    border-color: #374151;
}

[data-theme="dark"] .ql-snow .ql-stroke {
    stroke: #9ca3af;
}

[data-theme="dark"] .ql-snow .ql-fill {
    fill: #9ca3af;
}

[data-theme="dark"] .ql-snow .ql-picker {
    color: #9ca3af;
}

[data-theme="dark"] .ql-snow .ql-picker-options {
    background-color: #1f2937;
    border-color: #374151;
}

[data-theme="dark"] .ql-snow .ql-picker-item {
    color: #f9fafb;
}

[data-theme="dark"] .ql-snow .ql-picker-item:hover {
    background-color: #374151;
}

[data-theme="dark"] .ql-snow .ql-picker-item.ql-selected {
    background-color: #3b82f6;
    color: #ffffff;
}

[data-theme="dark"] .tag {
    background-color: #232946 !important;
    color: #eebbc3 !important;
    border: 1px solid #b8c1ec !important;
    font-weight: bold;
}

[data-theme="dark"] .tag:hover {
    background-color: #b8c1ec !important;
    color: #232946 !important;
}

[data-theme="dark"] .post-card {
    background-color: #232946 !important;
}

[data-theme="dark"] .logo,
[data-theme="dark"] .explore-posts,
[data-theme="dark"] .tag {
    color: #2563eb !important; /* Tailwind text-blue-600 */
}

[data-theme="dark"] .featured-heading,
[data-theme="dark"] .latest-heading {
    color: #2563eb !important;
}

[data-theme="dark"] .featured-block,
[data-theme="dark"] .latest-block {
    background-color: #232946 !important;
}

[data-theme="dark"] .footer-copyright a {
    color: #3b82f6 !important;
    text-decoration: underline !important;
    transition: color 0.2s;
}

[data-theme="dark"] .footer-copyright a:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}