:root {
    --renault-yellow:     #EFDF00;
    --renault-black:      #000000;
    --renault-white:      #FFFFFF;
    --renault-grey-light: #D9D9D6;
    --renault-grey-mid:   #BBBCBC;
    --renault-grey-dark:  #888B8D;
}

body { font-family: 'Nunito Sans', sans-serif; color: var(--renault-black); }

/* ── Navbar ── */
.brand-logo {
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.navbar.is-dark {
    background-color: var(--renault-black) !important;
    border-bottom: 3px solid var(--renault-yellow);
}
.navbar-item, .navbar-link { color: #ccc !important; font-weight: 600; }
.navbar-item:hover { color: var(--renault-yellow) !important; background: transparent !important; }
.navbar-menu.is-active { background-color: var(--renault-black); }

/* ── Buttons ── */
.button.is-renault {
    background-color: var(--renault-yellow);
    color: var(--renault-black);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.button.is-renault:hover { background-color: #d4c600; color: var(--renault-black); }

.button.is-ghost-light {
    background: transparent;
    color: var(--renault-grey-mid);
    border: none;
    border-bottom: 1px solid #555;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.button.is-ghost-light:hover { color: var(--renault-yellow); border-color: var(--renault-yellow); }

/* ── Section labels ── */
.section-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--renault-grey-dark);
    margin-bottom: 0.4rem;
}
.section-heading {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

@media (max-width: 1023px) {
    .section-heading { font-size: 2rem; }
}