/* Dark Theme */
[data-theme="dark"] {
    --gray-50: #18181b;
    --gray-100: #27272a;
    --gray-200: #3f3f46;
    --gray-300: #52525b;
    --gray-400: #71717a;
    --gray-500: #a1a1aa;
    --gray-600: #d4d4d8;
    --gray-700: #e4e4e7;
    --gray-800: #f4f4f5;
    --gray-900: #fafafa;
    
    --shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(255, 255, 255, 0.1), 0 2px 4px -1px rgba(255, 255, 255, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(255, 255, 255, 0.1), 0 10px 10px -5px rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] body {
    background-color: var(--gray-50);
    color: var(--gray-900);
}

[data-theme="dark"] .main-nav {
    background: var(--gray-100);
}

[data-theme="dark"] .daily-wisdom {
    background-color: var(--gray-100);
}

[data-theme="dark"] .daily-quote-card {
    background: var(--gray-200);
}

[data-theme="dark"] .category-card,
[data-theme="dark"] .quote-card,
[data-theme="dark"] .author-card,
[data-theme="dark"] .generator-preview,
[data-theme="dark"] .modal-content {
    background: var(--gray-100);
}

[data-theme="dark"] .quote-generator {
    background-color: var(--gray-50);
}

[data-theme="dark"] .btn-icon:hover {
    background-color: var(--gray-200);
}

[data-theme="dark"] .dropdown-menu {
    background: var(--gray-100);
}

[data-theme="dark"] .dropdown-menu a:hover {
    background-color: var(--gray-200);
}

[data-theme="dark"] .style-btn,
[data-theme="dark"] .font-selector,
[data-theme="dark"] .share-option {
    background: var(--gray-100);
    border-color: var(--gray-300);
}

[data-theme="dark"] .reflection-prompt {
    border-top-color: var(--gray-300);
}

[data-theme="dark"] .footer-bottom {
    border-top-color: var(--gray-200);
}

/* Theme Transitions */
body,
.main-nav,
.daily-wisdom,
.daily-quote-card,
.category-card,
.quote-card,
.author-card,
.generator-preview,
.modal-content,
.quote-generator,
.btn-icon,
.dropdown-menu,
.style-btn,
.font-selector,
.share-option {
    transition: background-color var(--transition-base), color var(--transition-base);
}

/* Color Themes for Quote Cards */
.quote-card-preview[data-bg="gradient1"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.quote-card-preview[data-bg="gradient2"] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.quote-card-preview[data-bg="gradient3"] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.quote-card-preview[data-bg="gradient4"] {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.quote-card-preview[data-bg="gradient5"] {
    background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
}

.quote-card-preview[data-bg="gradient6"] {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.quote-card-preview[data-bg="gradient7"] {
    background: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
}

.quote-card-preview[data-bg="gradient8"] {
    background: linear-gradient(135deg, #FBAB7E 0%, #F7CE68 100%);
}

.quote-card-preview[data-bg="gradient9"] {
    background: linear-gradient(135deg, #85FFBD 0%, #FFFB7D 100%);
}

.quote-card-preview[data-bg="gradient10"] {
    background: linear-gradient(135deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

/* Font Themes */
.quote-card-preview[data-font="elegant"] {
    font-family: 'Playfair Display', Georgia, serif;
}

.quote-card-preview[data-font="modern"] {
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
}

.quote-card-preview[data-font="classic"] {
    font-family: 'Crimson Text', 'Times New Roman', serif;
}

.quote-card-preview[data-font="handwritten"] {
    font-family: 'Dancing Script', cursive;
}

/* Category Color Themes */
.category-card[data-category="hope"] {
    border-top: 4px solid #FFD700;
}

.category-card[data-category="courage"] {
    border-top: 4px solid #FF6B6B;
}

.category-card[data-category="wisdom"] {
    border-top: 4px solid #4ECDC4;
}

.category-card[data-category="love"] {
    border-top: 4px solid #FF1744;
}

.category-card[data-category="success"] {
    border-top: 4px solid #FFB300;
}

.category-card[data-category="personal-growth"] {
    border-top: 4px solid #66BB6A;
}

.category-card[data-category="peace"] {
    border-top: 4px solid #81C784;
}

.category-card[data-category="gratitude"] {
    border-top: 4px solid #CE93D8;
}

.category-card[data-category="mindfulness"] {
    border-top: 4px solid #7986CB;
}

.category-card[data-category="change"] {
    border-top: 4px solid #4FC3F7;
}

/* Seasonal Themes */
.seasonal-spring {
    --primary-color: #81C784;
    --secondary-color: #AED581;
    --accent-color: #FFB74D;
}

.seasonal-summer {
    --primary-color: #FFB74D;
    --secondary-color: #FF8A65;
    --accent-color: #4FC3F7;
}

.seasonal-autumn {
    --primary-color: #FF8A65;
    --secondary-color: #A1887F;
    --accent-color: #FFB74D;
}

.seasonal-winter {
    --primary-color: #64B5F6;
    --secondary-color: #7986CB;
    --accent-color: #E1BEE7;
}

/* Special Event Themes */
.theme-new-year {
    --primary-color: #FFD700;
    --secondary-color: #FFA000;
    --accent-color: #FF6B6B;
}

.theme-valentine {
    --primary-color: #E91E63;
    --secondary-color: #F06292;
    --accent-color: #EC407A;
}

.theme-mindfulness-day {
    --primary-color: #7986CB;
    --secondary-color: #9FA8DA;
    --accent-color: #5C6BC0;
}

/* Accessibility High Contrast Theme */
.high-contrast {
    --gray-50: #000000;
    --gray-100: #1a1a1a;
    --gray-200: #333333;
    --gray-300: #4d4d4d;
    --gray-400: #666666;
    --gray-500: #808080;
    --gray-600: #b3b3b3;
    --gray-700: #cccccc;
    --gray-800: #e6e6e6;
    --gray-900: #ffffff;
    
    --primary-color: #0066ff;
    --secondary-color: #ff00ff;
    --accent-color: #ff0066;
}

.high-contrast body {
    font-weight: 500;
}

.high-contrast .btn,
.high-contrast a {
    text-decoration: underline;
}

/* Print Styles */
@media print {
    body {
        background: white;
        color: black;
    }
    
    .main-nav,
    .hero-actions,
    .quote-actions,
    .newsletter,
    .main-footer,
    .theme-toggle,
    .mobile-menu-toggle {
        display: none !important;
    }
    
    .hero-section {
        background: none;
        color: black;
        padding: 20px 0;
    }
    
    .quote-card,
    .daily-quote-card {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    blockquote {
        font-size: 14pt;
    }
    
    .quote-author {
        font-size: 12pt;
    }
}