:root {
            --primary-color: #e63946;
            --bg-color: #0a0a0a;
            --text-color: #f8f9fa;
            --section-bg: rgba(10, 10, 10, 0.95);
            --border-color: #2d2d2d;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: var(--bg-color);
            color: var(--text-color);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(45, 45, 45, 0.15) 1px, transparent 1px),
                linear-gradient(90deg, rgba(45, 45, 45, 0.15) 1px, transparent 1px);
            background-size: 30px 30px;
            z-index: -1;
            pointer-events: none;
        }

        body.light-mode {
            --bg-color: #f8f9fa;
            --text-color: #0a0a0a;
            --section-bg: rgba(248, 249, 250, 0.95);
            --border-color: #dee2e6;
        }

        body.light-mode::before {
            background-image: 
                linear-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 0, 0, 0.08) 1px, transparent 1px);
        }

        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: var(--primary-color);
            z-index: 999;
            transition: width 0.2s ease-out;
        }

        /* Added audio element styling */
        #background-music {
            display: none;
        }