/* "Dark & White" color preset (Ed, 2026-10-25: "I don't want the website to be
   all black color background. Mix background with some white"). Loaded after
   light.css, which turns the pages white; this sheet brings back the dark AiFs
   navy for the header, the landing banner, the page heroes, the call to action
   and the footer, so dark bands alternate with white content. */
body.aifs-mixed{--aifs-blue:#0d6ec4}

/* Header and menu: dark, as on the dark site */
.aifs-mixed .aifs-header{background:rgba(8,14,23,.97);border-bottom-color:#1d2a3a}
.aifs-mixed .aifs-nav,.aifs-mixed .aifs-nav>a,.aifs-mixed .aifs-nav-company summary{color:#c9d5e3}
.aifs-mixed .aifs-nav>a:hover,.aifs-mixed .aifs-nav>a[aria-current],.aifs-mixed .aifs-nav-company[data-current] summary,.aifs-mixed .aifs-nav-company summary:hover{color:#fff}
.aifs-mixed .aifs-brand-name{color:#fff}
.aifs-mixed .aifs-brand .aifs-brand-market{color:#fff;border-top-color:#fff}
.aifs-mixed .aifs-menu-toggle{color:#fff;border-color:#3a4c61}
.aifs-mixed .aifs-header a:not(.aifs-button){color:#c9d5e3}
.aifs-mixed .aifs-header a:not(.aifs-button):hover{color:#fff}
.aifs-mixed .aifs-header .aifs-nav-dropdown a{color:#2c3d53}
.aifs-mixed .aifs-header .aifs-nav-dropdown a:hover,.aifs-mixed .aifs-header .aifs-nav-dropdown a[aria-current]{color:#0b1726}
.aifs-mixed .aifs-ticker{background:#080e17;border-bottom-color:#1d2a3a}

/* Dark bands: landing banner, landing hero, page heroes, call to action, footer */
.aifs-mixed .aifs-intro-video{background:#05090f;border-bottom-color:#05090f}
.aifs-mixed :is(.aifs-hero,.aifs-product-hero,.aifs-about-hero,.aifs-company-hero){background:#0b1420;border-bottom-color:#0b1420}
.aifs-mixed .aifs-product-hero{background:#080e17;border-bottom-color:#080e17}
.aifs-mixed :is(.aifs-hero,.aifs-about-hero,.aifs-cta) :is(h1,h2,h3,strong){color:#f2f6fc}
.aifs-mixed :is(.aifs-hero,.aifs-about-hero) :is(p,li,figcaption,.aifs-hero-summary,.aifs-about-tagline){color:#b9c7d8}
.aifs-mixed :is(.aifs-hero,.aifs-about-hero) .aifs-kicker{color:#a5c8ec!important}
.aifs-mixed :is(.aifs-hero,.aifs-about-hero) a:not(.aifs-button){color:#a5d7ff}
.aifs-mixed :is(.aifs-hero,.aifs-about-hero) a:not(.aifs-button):hover{color:#fff}
.aifs-mixed .aifs-company-hero .aifs-about-tagline a{color:#a5d7ff}
.aifs-mixed .aifs-company-hero .aifs-about-tagline a:hover{color:#fff}
.aifs-mixed :is(.aifs-company-hero-image img,.aifs-about-hero img,.aifs-product-capture img){border-color:#344c62}
.aifs-mixed .aifs-cta{background:#0b1420;border-color:#0b1420;border-radius:6px}
.aifs-mixed .aifs-cta p{color:#b9c7d8}
.aifs-mixed .aifs-cta .aifs-button-secondary{background:transparent;border-color:#fff}
.aifs-mixed .aifs-cta .aifs-button-secondary,.aifs-mixed .aifs-cta .aifs-button-secondary *{color:#fff!important}
.aifs-mixed .aifs-footer{background:#05090f;border-top-color:#05090f}
.aifs-mixed .aifs-footer :is(nav,nav a,.aifs-brand-name,.aifs-brand .aifs-brand-market){color:#c9d5e3}
.aifs-mixed .aifs-footer .aifs-brand-name,.aifs-mixed .aifs-footer .aifs-brand .aifs-brand-market{color:#fff}
.aifs-mixed .aifs-footer .aifs-brand .aifs-brand-market{border-top-color:#fff}
.aifs-mixed .aifs-footer nav a:hover{color:#fff}
.aifs-mixed .aifs-footer-top{border-color:#1d2a3a}
.aifs-mixed .aifs-footer-bottom,.aifs-mixed .aifs-footer-bottom *,.aifs-mixed .aifs-disclosure,.aifs-mixed .aifs-disclosure *{color:#8ea0b6;border-color:#1d2a3a}
.aifs-mixed .aifs-footer a:focus-visible,.aifs-mixed .aifs-header a:focus-visible{outline-color:#fff}

/* White sections: light-grey cards with navy titles, AiFs blue accents */
.aifs-mixed :is(.aifs-principle,.aifs-today-card,.aifs-movers-list,.aifs-company-card,.aifs-company-step,.aifs-team-member,.aifs-company-job,.aifs-company-news,.aifs-investor-form){background:#f4f7fb;border-color:#e2e9f2}
.aifs-mixed .aifs-principle{border-radius:6px}
.aifs-mixed .aifs-kicker,.aifs-mixed .aifs-dateline,.aifs-mixed .aifs-step-number{color:#0d6ec4}
.aifs-mixed .aifs-hero h1 .aifs-rotator{color:#4fb0ff}
.aifs-mixed .aifs-livebar strong{color:#ff6b78}
/* The feature cards start right under the hero; with a dark hero they need air. */
.aifs-mixed .aifs-principles{margin-top:48px}
@media(max-width:800px){.aifs-mixed .aifs-principles{margin-top:28px}}