/* Maven360 CONNECT — Brand Design Tokens (Single Source of Truth).
   Loaded by Checkout (static/index.html), Fulfillment (static/fulfillment/index.html)
   and Landing Pages (templates/_base.html.j2). UI-specific semantic tokens
   (--color-bg, --color-card, --color-text-*, badges, filters etc.) stay in their
   respective shells — only brand primitives live here. */

:root {
    /* Brand primitives — identical light + dark */
    --maven-dark: #0F2B4C;
    --maven-blue: #1E56A0;
    --maven-mint: #42C8C6;
    --maven-azure: #4C7BD9;
    --pure-white: #FFFFFF;

    /* Brand gradient (light) — used in headers across all surfaces */
    --header-gradient: linear-gradient(135deg, var(--maven-dark), var(--maven-blue));
}

/* Dark-mode header gradient. Each surface can override if it needs a deeper variant. */
@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --header-gradient: linear-gradient(135deg, #1A2B44, #253D5C);
    }
}
:root.dark {
    --header-gradient: linear-gradient(135deg, #1A2B44, #253D5C);
}