:root {
            --primary: #007bff;
            --secondary: #ffc107;
            --light-bg: #f0f2f5;
            --dark-bg: #121212;
            --light-text: #333;
            --dark-text: #eee;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--light-bg);
            color: var(--light-text);
            scroll-behavior: smooth;
            transition: background-color 0.5s, color 0.5s;
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: 'Poppins', sans-serif;
        }

        .primary-bg {
            background-color: var(--primary);
            color: #fff;
        }

        .secondary-bg {
            background-color: var(--secondary);
            color: #000;
        }