/* ================= BASE ================= */

    :root {
        --blue-dark: #1e3a8a;
        --blue: #3b82f6;
        --blue-hover: #1e40af;
        --nav-bg: #2c3e50;
        --nav-hover: #34495e;
        --yellow: #facc15;
    }

    html {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    body {
        font-family: Arial, sans-serif;
        padding-top: 60px;
        min-height: 100vh;
        overflow-x: hidden;
        background: url('img/fond-code.jpg') no-repeat center center fixed;
        background-size: cover;
        position: relative;
        z-index: 0;
    }

    body::before {
        content: "";
        position: fixed;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.85);
        z-index: -1;
    }

    @media (max-width: 768px) {
        body {
            background: #f8fafc;
        }

        body::before {
            display: none;
        }

        .menu-toggle {
            display: flex;
        }

        .nav-links {
            position: absolute;
            top: 60px;
            left: 0;
            background-color: #2c3e50;
            width: 100%;
            flex-direction: column;
            display: none;
        }

        .nav-links.show {
            display: flex;
        }

        .nav-links a,
        .dropdown {
            width: 100%;
        }

        .dropdown-content {
            position: relative;
        }

        .vertical-banner {
            display: none;
        }
    }