/* CSS Variables - Színváltozók */
:root {
    /* Body colors */
    --color-body-background: #e0ddd9;
    --color-body-text: #404040;
    
    /* Heading colors */
    --color-heading-text: #2a2a2a;
    
    /* H1 specific colors */
    --color-h1-text: #6d5a47;
    --color-h1-border: #6d5a47;
    
    /* H2 specific colors */
    --color-h2-text: #8b0000;
    --color-h2-border: #d4af37;
    --color-h2-bg: rgba(212, 175, 55, 0.1);
    
    /* H3 specific colors */
    --color-h3-text: #666;
    
    /* Paragraph colors */
    --color-paragraph-text: #333;
    
    /* Link colors */
    --color-link-text: #8b0000;
    --color-link-hover: #d4af37;
    --color-link-border-hover: #d4af37;
    
    /* Image border colors */
    --color-image-border: #a8a098;
    
    /* Emphasis/caption colors */
    --color-emphasis-text: #707070;
    --color-emphasis-bg: #ece9e5;
    --color-emphasis-border: #a8a098;
    
    /* HR colors */
    --color-hr-bg: #a8a098;
    
    /* Blockquote colors */
    --color-blockquote-border: #8b0000;
    --color-blockquote-bg: #f9f7f4;
    --color-blockquote-text: #444;
    --color-blockquote-quote: #d4af37;
    
    /* Container colors */
    --color-container-bg: #f0ede8;
    --color-container-border: #b5ad9d;
    --color-container-shadow: rgba(0, 0, 0, 0.18);
    --color-container-inset: rgba(181, 173, 157, 0.2);
    --color-container-top-gradient-1: transparent;
    --color-container-top-gradient-2: #8b0000;
    --color-container-top-gradient-3: #d4af37;
    --color-container-top-gradient-4: #8b0000;
    --color-container-top-gradient-5: transparent;
    
    /* Blog specific colors */
    --color-blog-intro: #666;
    --color-post-preview-bg: #f7f4ef;
    --color-post-preview-border: #d4af37;
    --color-post-preview-shadow: rgba(0, 0, 0, 0.1);
    --color-post-preview-hover-border: #8b0000;
    --color-post-title: #1a1a1a;
    --color-post-title-hover: #b71c1c;
    --color-post-meta: #666;
    --color-post-excerpt: #444;
    --color-no-posts: #666;
    
    /* Post page colors */
    --color-post-header-border: #eee;
    --color-post-page-title: #2c3e50;
    --color-post-page-meta: #7f8c8d;
    --color-tag-bg: #ecf0f1;
    --color-tag-text: #2c3e50;
    --color-post-content: #333;
    --color-post-content-h2-border: #ecf0f1;
    --color-post-image-shadow: rgba(0,0,0,0.1);
    --color-post-caption: #7f8c8d;
    --color-post-link: #6ba3d6;
    --color-post-link-hover: #4a90e2;
    --color-post-link-bg: rgba(235, 232, 227, 0.6);
    --color-post-link-text: #6d5a47;
    --color-post-table-border: #ddd;
    --color-post-table-header-bg: #f8f9fa;
    --color-post-table-header-text: #2c3e50;
    --color-post-table-row-even: #f9f9f9;
    --color-post-table-row-hover: #f5f5f5;
    --color-post-blockquote-border: #3498db;
    --color-post-blockquote-bg: #f8f9fa;
    --color-post-footer-border: #eee;
    --color-post-nav-bg: #f7f4ef;
    --color-post-nav-border: #dad2c4;
    --color-post-nav-text: #2c3e50;
    --color-post-nav-hover-bg: #f6f1e7;
    --color-post-nav-shadow: rgba(0,0,0,0.1);
    --color-post-nav-label: #7f8c8d;
    --color-post-back-bg: #f7f4ef;
    --color-post-back-text: #495057;
    --color-post-back-border: #dad2c4;
    --color-post-back-hover-bg: #f6f1e7;
    --color-post-back-hover-text: #343a40;
    
    /* Sidebar colors */
    --color-sidebar-bg: rgba(245, 242, 237, 0.9);
    --color-sidebar-border: #b5ad9d;
    --color-sidebar-shadow: rgba(0, 0, 0, 0.08);
    --color-sidebar-header-bg: rgba(240, 237, 232, 0.6);
    --color-sidebar-header-text: rgba(109, 90, 71, 0.8);
    --color-sidebar-header-border: rgba(181, 173, 157, 0.4);
    --color-sidebar-title: rgba(109, 90, 71, 0.8);
    --color-year-group-border: #e8e6e3;
    --color-year-header-bg: rgba(235, 232, 227, 0.5);
    --color-year-header-text: rgba(109, 90, 71, 0.8);
    --color-year-header-border: rgba(200, 200, 200, 0.4);
    --color-year-header-hover-bg: rgba(230, 227, 222, 0.7);
    --color-year-header-hover-text: #6d5a47;
    --color-year-arrow-border: rgba(109, 90, 71, 0.4);
    --color-month-list-bg: rgba(249, 249, 249, 0.4);
    --color-month-group-border: rgba(240, 240, 240, 0.3);
    --color-month-header-bg: rgba(230, 227, 222, 0.6);
    --color-month-header-text: rgba(80, 70, 60, 0.9);
    --color-month-header-border: rgba(200, 200, 200, 0.4);
    --color-month-header-hover-bg: rgba(220, 217, 212, 0.8);
    --color-month-header-hover-text: #5a4a3a;
    --color-month-arrow-border: rgba(80, 70, 60, 0.3);
    --color-post-item-border: rgba(200, 195, 190, 0.4);
    --color-post-item-last-border: rgba(200, 195, 190, 0.5);
    --color-post-item-hover-bg: rgba(207, 184, 160, 0.2);
    --color-post-item-current-bg: rgba(207, 184, 160, 0.6);
    --color-post-item-current-border: rgba(212, 175, 55, 0.6);
    --color-post-date-sidebar: rgba(136, 136, 136, 0.8);
    --color-post-current-bullet: rgba(190, 157, 48, 1);
    
    /* Mobile navigation colors */
    --color-mobile-navbar-bg: rgba(240, 237, 232, 0.85);
    --color-mobile-navbar-border: rgba(224, 224, 224, 0.3);
    --color-mobile-navbar-shadow: rgba(0, 0, 0, 0.08);
    --color-menu-toggle-icon: #555;
    --color-sidebar-overlay-bg: rgba(0, 0, 0, 0.4);
    --color-sidebar-mobile-bg: rgba(250, 250, 250, 0.9);
    --color-sidebar-mobile-shadow: rgba(0, 0, 0, 0.15);
    --color-sidebar-mobile-border: rgba(255, 255, 255, 0.2);
    --color-translucent-glass-bg: rgba(255, 255, 255, 0.8);
    --color-translucent-glass-border: rgba(255, 255, 255, 0.2);
    
    /* AdSense colors */
    --color-adsense-bg: rgba(0, 0, 0, 0.9);
    --color-adsense-border: rgba(255, 255, 255, 0.2);
    --color-adsense-shadow: rgba(0, 0, 0, 0.3);
    --color-adsense-post-bg: rgba(0, 0, 0, 0.02);
    --color-adsense-post-border: rgba(0, 0, 0, 0.1);
    
    /* Search colors */
    --color-search-container-bg: #f0ede8;
    --color-search-input-bg: #faf8f5;
    --color-search-input-text: #404040;
    --color-search-input-border: #c0b8a8;
    --color-search-input-focus-border: #6d5a47;
    --color-search-input-focus-shadow: rgba(109, 90, 71, 0.2);
    --color-search-input-placeholder: #8a8a8a;
    --color-search-btn-bg: #6d5a47;
    --color-search-btn-text: #ffffff;
    --color-search-btn-hover-bg: #d4af37;
    --color-search-btn-hover-text: #2a2a2a;
    --color-search-info: #5a5a5a;
    --color-no-results-text: #5a5a5a;
    --color-no-results-bg: #f0ede8;
    --color-no-results-border: #b5ad9d;
    
    /* Table colors */
    --color-table-bg: #faf8f5;
    --color-table-border: #d0c8b8;
    --color-table-shadow: rgba(0, 0, 0, 0.1);
    --color-table-cell-border: #e8e6e3;
    --color-table-cell-text: #404040;
    --color-table-header-bg: #f0ede8;
    --color-table-header-text: #6d5a47;
    --color-table-header-border: #d4af37;
    --color-table-row-even: #f7f4ef;
    --color-table-row-hover: #f0ede8;
}

/* Dark mode colors */
@media (prefers-color-scheme: dark) {
    :root {
        /* Body colors */
        --color-body-background: #252220;
        --color-body-text: #d4d0c8;
        
        /* Heading colors */
        --color-heading-text: #d4d0c8;
        
        /* H1 specific colors */
        --color-h1-text: #b4a082;
        --color-h1-border: #b4a082;
        
        /* Paragraph colors */
        --color-paragraph-text: #c4c0b8;
        
        /* Emphasis/caption colors */
        --color-emphasis-text: #b4b0a8;
        --color-emphasis-bg: #3a362f;
        --color-emphasis-border: #6a6258;
        
        /* Container colors */
        --color-container-bg: #2d2a26;
        --color-container-border: #4a453e;
        --color-container-shadow: rgba(0, 0, 0, 0.4);
        --color-container-inset: rgba(74, 69, 62, 0.3);
        
        /* Blog colors */
        --color-post-preview-bg: #2a2621;
        --color-post-preview-border: #8b7533;
        --color-post-preview-shadow: rgba(0, 0, 0, 0.3);
        --color-post-preview-hover-border: #a0403a;
        --color-post-title: #d4d0c8;
        --color-post-title-hover: #ef5350;
        --color-post-excerpt: #b4b0a8;
        
        /* Post page colors */
        --color-post-header-border: #444;
        --color-post-page-title: #f0f0f0;
        --color-post-page-meta: #aaa;
        --color-tag-bg: #444;
        --color-tag-text: #e0e0e0;
        --color-post-content: #e0e0e0;
        --color-post-content-h2-border: #444;
        --color-post-caption: #aaa;
        --color-post-link: #7bb3e0;
        --color-post-link-hover: #5a9bd4;
        --color-post-link-bg: #28212199;
        --color-post-link-text: #b4a082;
        --color-post-table-border: #555;
        --color-post-table-header-bg: #444;
        --color-post-table-header-text: #f0f0f0;
        --color-post-table-row-even: #2a2a2a;
        --color-post-table-row-hover: #333;
        --color-post-blockquote-border: #0A84FF;
        --color-post-blockquote-bg: #333;
        --color-post-footer-border: #444;
        --color-post-nav-bg: #343438;
        --color-post-nav-border: #3a3a3c;
        --color-post-nav-text: #7bb3e0;
        --color-post-nav-hover-bg: rgb(67, 67, 70);
        --color-post-nav-label: #aaa;
        --color-post-back-bg: #343438;
        --color-post-back-text: #7bb3e0;
        --color-post-back-border: #3a3a3c;
        --color-post-back-hover-bg: rgb(67, 67, 70);
        --color-post-back-hover-text: #5a9bd4;
        
        /* Sidebar colors */
        --color-sidebar-bg: rgba(40, 33, 33, 0.9);
        --color-sidebar-border: #4a453e;
        --color-sidebar-shadow: rgba(0, 0, 0, 0.3);
        --color-sidebar-header-bg: rgba(35, 28, 28, 0.6);
        --color-sidebar-header-text: rgba(220, 200, 170, 0.95);
        --color-sidebar-header-border: rgba(74, 69, 62, 0.4);
        --color-sidebar-title: rgba(220, 200, 170, 0.95);
        --color-year-header-bg: rgba(45, 38, 38, 0.5);
        --color-year-header-text: rgba(180, 160, 130, 0.9);
        --color-year-header-border: rgba(90, 85, 78, 0.4);
        --color-year-header-hover-bg: rgba(50, 47, 43, 0.7);
        --color-year-header-hover-text: #b4a082;
        --color-year-arrow-border: rgba(180, 160, 130, 0.8);
        --color-month-list-bg: rgba(25, 21, 21, 0.4);
        --color-month-header-bg: rgba(40, 33, 33, 0.6);
        --color-month-header-text: rgba(170, 150, 120, 0.9);
        --color-month-header-border: rgba(90, 85, 78, 0.4);
        --color-month-header-hover-bg: rgba(45, 42, 38, 0.8);
        --color-month-header-hover-text: #aa9678;
        --color-month-arrow-border: rgba(170, 150, 120, 0.7);
        --color-post-item-border: rgba(55, 48, 48, 0.8);
        --color-post-item-last-border: rgba(55, 52, 48, 1);
        --color-post-item-hover-bg: rgba(119, 102, 77, 0.2);
        --color-post-item-current-bg: rgba(136, 119, 108, 0.8);
        
        /* Mobile navigation colors */
        --color-mobile-navbar-bg: rgba(42, 39, 35, 0.85);
        --color-mobile-navbar-border: rgba(74, 69, 62, 0.3);
        --color-mobile-navbar-shadow: rgba(0, 0, 0, 0.25);
        --color-menu-toggle-icon: #d4d0c8;
        --color-sidebar-mobile-bg: rgba(45, 42, 38, 0.9);
        --color-sidebar-mobile-shadow: rgba(0, 0, 0, 0.4);
        --color-sidebar-mobile-border: rgba(255, 255, 255, 0.1);
        --color-translucent-glass-bg: rgba(45, 42, 38, 0.8);
        --color-translucent-glass-border: rgba(255, 255, 255, 0.1);
        
        /* AdSense colors */
        --color-adsense-shadow: rgba(0, 0, 0, 0.5);
        --color-adsense-post-bg: rgba(255, 255, 255, 0.05);
        --color-adsense-post-border: rgba(255, 255, 255, 0.1);
        
        /* Search colors */
        --color-search-container-bg: #2d2a26;
        --color-search-input-bg: #2a2621;
        --color-search-input-text: #d4d0c8;
        --color-search-input-border: #5a533e;
        --color-search-input-focus-border: #b4a082;
        --color-search-input-focus-shadow: rgba(180, 160, 130, 0.3);
        --color-no-results-text: #a0a0a0;
        --color-no-results-bg: #2d2a26;
        --color-no-results-border: #4a453e;
        
        /* Table colors */
        --color-table-bg: #2a2621;
        --color-table-border: #5a533e;
        --color-table-shadow: rgba(0, 0, 0, 0.3);
        --color-table-cell-border: #4a453e;
        --color-table-cell-text: #c4c0b8;
        --color-table-header-bg: #35322e;
        --color-table-header-text: #b4a082;
        --color-table-header-border: #8b7533;
        --color-table-row-even: #2d2a26;
        --color-table-row-hover: #35322e;
    }
}