/*
 * ATM Sections – Twenty Twenty-Five compatibility fix
 * - The legacy stylesheet defines CSS variables with a typo (`::root`),
 *   so we re-declare them here with the correct `:root` selector.
 * - Add small Twenty Twenty-Five niceties (sticky navbar scroll offset).
 */

:root {
    --atm-bleu: #03045F;
    --atm-jaune-fonce: #FFCA2B;
    --atm-rose-fonce: #FCC0B6;
    --atm-rose-clair: #FEEAE7;
    --atm-jaune-clair: #FFEDB8;
    --atm-blanc: #FFFFFF;
    --atm-gris-texte: #1A1A1A;
    --atm-gris-doux: #F7F8FA;

    --atm-font-titre: 'Playfair Display', Georgia, serif;
    --atm-font-corps: 'Lato', Arial, sans-serif;

    --atm-ombre: 0 12px 34px rgba(3, 4, 95, 0.06);
    --atm-ombre-hover: 0 24px 48px rgba(3, 4, 95, 0.12);
    --atm-rayon: 24px;
    --atm-rayon-btn: 100px;
    --atm-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --atm-border: 1px solid rgba(3, 4, 95, 0.05);
}

/* Anchor links should not hide behind sticky navbar */
#accueil,
#a-propos,
#offres,
#parcours,
#faq,
#contact {
    scroll-margin-top: 96px;
}

/* Mobile notch / safe-area handling */
.atm-navbar {
    top: env(safe-area-inset-top) !important;
}

.admin-bar .atm-navbar {
    top: calc(32px + env(safe-area-inset-top)) !important;
}