/* === 1. KHỐI BIẾN MÀU === */
        :root {
            --bg-primary: #015fc4;
            --bg-secondary: #f8f9fa;
            --text-primary: #1a1a1a;
            --text-secondary: #202020;
            --text-secondary-menu : #202020   ;
            --border-color: #636363;
            --crypto-light: #f8f9fa;
            /* Lấy thêm biến màu từ theme của bạn (functions.php) */
            --crypto-accent: #02547a;
            --heading-color: #02547a  ;
            --post-excerpt: #1a1a1a;
            --brand-secondary: #f0b90b;
            --brand-success: #28a745;
            --brand-danger: #dc3545;
            --card-bg: var(--bg-secondary, #f8f9fa);
            --card-border: var(--border-color, #e9ecef);
            --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            --border-radius-md: 8px;
            --border-radius-lg: 12px;
        }
        
        [data-theme="light"]{
             --post-excerpt: #1a1a1a;
             --text-primary-s: #1a1a1a;
        }
        [data-theme="dark"] {
            --bg-primary: #1a1a1a;
            --bg-secondary: #2d2d2d;
            --text-primary: #ffffff; 
            --border-color: #404040;
            --crypto-light: #f8f9fa;
            --text-primary_hover: #d80618ff  ;
            --text-secondary-menu : #e1e1e1   ;   
            --post-excerpt: var(--crypto-light);     
            --heading-color: #01afff  ;   
            --crypto-accent: #01afff;
        }
        
        /* === 2. ÁP DỤNG BIẾN MÀU (Mở rộng) === */
        body {
            background: var(--bg-primary);
            color: var(--text-primary);
            transition: background 0.3s ease, color 0.3s ease;
        }
        


        /* Áp dụng cho Header, Footer, Widget, Card */
        .site-header, .main-navigation, .site-footer,  .crypto-card, .footer-widgets {
            background: var(--bg-secondary);
            border-color: var(--border-color);
            color: var( --text-secondary-menu); /* Thêm màu chữ cho widget/footer */
        }

        /* Áp dụng cho tiêu đề, link, văn bản */
        h1, h2, h3, h4, h5, h6, .entry-title, .widget-title, .site-title a {
            color:  #02547a ;
        }
        
        p, .entry-content, small {
            color: var(--text-secondary);
        }
        
        /* Link trong Menu, Footer, Widget (Light Mode) */
        .main-navigation a, .site-footer a, .widget a, .footer-links a, .footer-categories a, .footer-menu a , h4.side-item-title a {
            color: var(--heading-color) ;
        }
        .main-navigation a:hover, .site-footer a:hover, .widget a:hover, .footer-links a:hover, .footer-categories a:hover, .footer-menu a:hover {
            color: var(--text-primary_hover);
        }
        
        .btn-read-more {
        background: var(--crypto-light) !important;
        }
        /* Link (Dark Mode) */
        [data-theme="dark"] a { color: var(--crypto-accent); }
        [data-theme="dark"] a:hover { color: var(--text-primary_hover); }
        
        /* Link trong Menu, Footer, Widget (Dark Mode) */
        [data-theme="dark"] .main-navigation a, 
        [data-theme="dark"] .site-footer a, 
        [data-theme="dark"] .widget a,
        [data-theme="dark"] .copyright,
        [data-theme="dark"] .footer-links a, 
        [data-theme="dark"] .footer-categories a, 
        [data-theme="dark"] .footer-menu a {
            color: var(--heading-color);
        }
       
        [data-theme="dark"]  .form-group label, span.result-label, .calc-header p, .newsletter-widget p , .feature-item , .card-content a,.hero-featured-card .card-excerpt,.card-meta span.post-date, .card-meta span.reading-time,
        #primary-menu ul li a, .side-item-title a  {
            color: var( --crypto-light); 
        }
        
         [data-theme="dark"].sidebar , .newsletter-widget, .widget,.newsletter-widget{
            background-color: var(--bg-secondary);
         }
        .hero-featured-card .card-excerpt, .card-meta span.post-date, .card-meta span.reading-time {
            color: var(--post-excerpt);
        }
        .hero-featured-card .card-excerpt, .hero-featured-card .card-excerpt .post-date, .hero-featured-card .card-excerpt  .reading-time {
            color: var(--post-excerpt);
        }
        .card-content h2.card-title a, .widget h3, .hero-side-posts h3, #primary-menu ul li a ,.hero-pro-featured-content h3 , .affiliate-card-actions a ,.post-title a{
            color: var(  --heading-color) !important; 
        }
        /* === 3. SỬA LỖI ICON (Nút Dark Mode) === */
        .theme-toggle .theme-icon-light { display: inline-block; }
        .theme-toggle .theme-icon-dark { display: none; }
        [data-theme="dark"] .theme-toggle .theme-icon-light { display: none; }
        [data-theme="dark"] .theme-toggle .theme-icon-dark { display: inline-block; }

        /* === 4. SỬA LỖI CỤ THỂ (LẦN 3) === */
        
        /* * FIX 1: Khối Newsletter (front-page-blog.php) 
         * Khối này có nền tối cố định, nên chữ phải luôn sáng.
         */
        .newsletter-modern h2 {
            color: #FFFFFF !important; /* Luôn là màu trắng */
        }
        .newsletter-modern p, .newsletter-modern small {
            color: #e0e0e0 !important; /* Luôn là màu xám sáng */
        }

       
        .footer-widget .widget-title,
        .footer-widget h3 ,span.result-label,.newsletter-widget p ,.newsletter-features .feature-item ,.post-card-large-content p , .knowledge-grid p,.post-meta span.post-date, .post-metaspan.reading-time{
            color: var(--text-primary);
        }
        .container-pro p{
            color: var(--text-primary) ;
        }
        /* Đảm bảo các văn bản <p> và <small> trong footer dùng đúng biến */
        .site-footer p, 
        .site-footer .copyright, 
        .footer-widget p,
        .footer-disclosure small,
        .contact-info p {
            color: var(--text-secondary-menu) !important;
        }