/*
 * MBM Theme - Dark Mode Overrides
 * Keep dark-only component tweaks centralized here.
 */

:root {
    /* Dark overrides palette (color-first tokens) */
    --dark-color-warm-sand: #c3bd95;
    --dark-color-warm-sand-hover: #bbb383;
    --dark-color-white-64: #ffffffa3;
    --dark-color-blue: rgba(3, 121, 155, 0.94);
}



html.dark header#main-header.is-scrolled {
    background-color: #0a1a24c9;
    box-shadow: 0 1px 0 rgba(3, 52, 73, 0.08);
    backdrop-filter: blur(20px);
}


/* Highlight Cards */
html.dark .highlight-cards__item {
    background-image: linear-gradient(150deg, #122331, #152b3d, #18334a, #1b3c57, #1e4464);
}

html.dark .highlight-cards__text p {
    color: var(--dark-color-white-64);
}

/* Latest Videos Slider */
html.dark .latest-videos-slider__title {
    color: var(--dark-color-warm-sand);
}

html.dark .latest-videos-slider__text {
    color: var(--dark-color-white-64);
}

html.dark .latest-videos-slider__arrow {
    background: var(--dark-color-warm-sand);
}

html.dark .latest-videos-slider__arrow:hover:not(:disabled) {
    background: var(--dark-color-warm-sand-hover);
}

html.dark .button-cta--bg-blue {
    background: var(--dark-color-blue);
}

html.dark .latest-videos-slider__swiper .swiper-slide {
    background-image: linear-gradient(150deg, #122331, #152b3d, #18334a, #1b3c57, #1e4464);
}

html.dark .latest-videos-slider__media {
    overflow: hidden;
}

html.dark .latest-videos-slider__card-title {
    color: var(--dark-color-warm-sand);
}

html.dark .latest-videos-slider__author-image {
    background: #c3bd9536;
}

html.dark .latest-videos-slider__excerpt {
    color: var(--dark-color-white-64);
}

html.dark .latest-videos-slider__category,
html.dark .latest-videos-slider__duration {
    background: rgb(255 255 255 / 15%);
}

html.dark .latest-videos-slider__author {
    border-top: solid 1px #e1e1e11f;
}

html.dark .two-columns.white {
    background: #152b3d;
}

html.dark .two-columns__body {
    color: var(--dark-color-white-64);
}

html.dark .two-columns__image-card {
    background: #ffffff33;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

html.dark .two-columns__image-card::before {
    color: rgb(21 43 61);
}

html.dark .two-columns__title {
    color: var(--dark-color-warm-sand);
}

html.dark .membership-application-card.light-beige {
    background-color: var(--color-bg);
}

html.dark .membership-application-card__title {
    color: var(--dark-color-warm-sand);
}

html.dark .membership-application-card__intro,
html.dark .membership-application-card__footnote {
    color: var(--dark-color-white-64);
}

html.dark .site-footer__copyright,
html.dark .site-footer__credit-by {
    color: var(--dark-color-white-64);
}

html.dark .site-footer__credit-logo img {
    filter: brightness(0) invert(1);
}

html.dark .site-footer__heading {
    color: var(--dark-color-warm-sand);
}

html.dark .site-footer__menu a {
    color: var(--dark-color-white-64);
}

html.dark .site-footer__menu a:hover {
    color: var(--dark-color-warm-sand);
}


html.dark .membership-application-card__input {
   color: #122331;
}


html.dark .membership-application-card.light-beige .membership-application-card__shell {
    background-image: linear-gradient(150deg, #204a6c, #152b3d, #18334a, #19344a, #132e44);
}