html {
    scroll-behavior: smooth;
}

/* Zorgt dat een geankerde kaart (bv. via #report-...) niet achter de sticky menubalk verdwijnt */
.anchor-target {
    scroll-margin-top: 4.5rem;
}

/* Lichte, tijdelijke markering van de kaart waar een anker-link naar verwijst */
.anchor-target:target > div:nth-child(3) {
    outline: 2px solid var(--sm-gold-dark);
    outline-offset: 2px;
}

:root {
    --sm-blue: #0A255C;
    --sm-teal: #004D54;
    --sm-gold-light: #F4D068;
    --sm-gold-dark: #AA7C11;

    /* Graphic colors from the objectives chart */
    --obj-purple: #4A154B;
    --obj-orange: #E67E22;
    --obj-green: #055C2D;
}
.bg-sm-blue { background-color: var(--sm-blue); }
.bg-sm-teal { background-color: var(--sm-teal); }
.text-sm-blue { color: var(--sm-blue); }
.text-sm-teal { color: var(--sm-teal); }

.border-gold-metallic {
    border-image: linear-gradient(to right, var(--sm-gold-light), var(--sm-gold-dark), var(--sm-gold-light)) 1;
}

.btn-gradient {
    background: linear-gradient(135deg, var(--sm-blue) 0%, var(--sm-teal) 100%);
}

/* Waterdichte CSS-fix voor zowel Laptop-hover als iPad-click op de menu-dropdowns */
.menu-dropdown.is-open .absolute {
    display: block !important;
}