:root {
            --primary-color: #3498db;
            --secondary-color: #2c3e50;
            --accent-color: #e74c3c;
            --text-color: #333333;
            --background-color: #ffffff;
            --header-bg: #ffffff;
            --header-text: #333333;
            --footer-bg: #2c3e50;
            --footer-text: #ffffff;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-color);
            background-color: var(--background-color);
            font-size: 16px;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Inter', sans-serif;
        }

        .header {
            background-color: var(--header-bg);
            color: var(--header-text);
            position: sticky; top: 0; z-index: 1000;
        }

        .footer {
            background-color: var(--footer-bg);
            color: var(--footer-text);
        }

        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .btn-secondary {
            background-color: var(--secondary-color);
            border-color: var(--secondary-color);
        }

        .text-primary { color: var(--primary-color) !important; }
        .text-secondary { color: var(--secondary-color) !important; }
        .text-accent { color: var(--accent-color) !important; }

        .bg-primary { background-color: var(--primary-color) !important; }
        .bg-secondary { background-color: var(--secondary-color) !important; }
        .bg-accent { background-color: var(--accent-color) !important; }

        
        
                .post-item {
                    background: white;
                    border-radius: 8px;
                    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                    padding: 20px;
                    margin-bottom: 20px;
                }
            
        
        .main-slider {
            transition: all 0.3s ease;
        }
        
        .slider-fade .slide {
            transition: opacity 0.5s ease;
        }