/* Release palette: #2254f6 sampled from the AI Product reference, grounded in navy. */
:root{--blue:#2254f6;--blue-deep:#1742d4;--blue-ice:#e9eef9;--accent:#bdcbee;--accent-hover:#dae2f6;--accent-soft:#f0f3fa;--ink:#172237;--line:#dfe5ee;--pale:#f5f7fa}
body{background:#fff;color:var(--ink)}
.s9{background:#f3f4f6;border-bottom-color:#e1e4e8}
.s9 .wordmark-syn{color:#71849a}
.s18,.s61{background:var(--blue);color:#fff}
.s18:hover,.s61:hover{background:#1742d4;color:#fff}
.hero-four{--hero-highlight:#c5e1ff;background:#2254f6}
.hero-four::after{background:linear-gradient(90deg,#172f4fe8 0%,#173d63a6 35%,#16466d33 68%,#2254f605 100%),linear-gradient(0deg,#142d4eb8 0%,transparent 65%)}
.hero-primary{background:#e9f2ff;color:#172237}
.hero-primary:hover{background:#fff;color:#172237}
.hero-title-plus,.hero-title-period{color:var(--hero-highlight)}
.hero-four-swiss{background:#152d49eb;border-color:#9db9ce55}
.hero-four-swiss:hover{background:#142c48}
.hero-swiss-plus{color:var(--plus-accent)}
.typing-line,.strip-core,.strip-end{color:var(--blue)}
.catalog-icon{background:#eef2fa;color:var(--blue)}
#plattform .interface-grid{background:var(--blue)}
#nav-links>a[aria-current="location"]{color:var(--blue)}
#nav-links>a::after{background:var(--blue)}
#souveraenitaet{background:var(--blue)}
.footer-cobalt{background:#18325e;color:#fff}
.footer-cobalt .footer-small-brand .wordmark-syn{color:#d5e1ff}
.footer-cobalt .footer-invitation h2>span{color:#d5e1ff}
.footer-cobalt .footer-action-arrow{background:#e9efff;color:var(--blue)}
.footer-cobalt .footer-invite-action>a:hover .footer-action-arrow{background:#fff}
@media(max-width:1040px){#nav-links{background:#fff;border-color:#dce6f5}#nav-links>a[aria-current="location"]{background:var(--accent-soft)}}
@media(max-width:760px){.hero-four-swiss{background:#152d49f2}}

/* White copy preserves contrast on the saturated product-blue panels. */
#plattform .interface-grid{background:#2254f6}
#plattform .interface-card,#plattform .interface-card .s102,#plattform .interface-title{color:#fff}
#plattform .interface-top,#plattform .interface-top>span:last-child,#plattform .interface-hint{color:#e9efff}
#plattform .interface-card,#plattform .interface-hint{border-color:#ffffff40}
#plattform .interface-card:is(:hover,:focus-visible){background:#1742d4}
#plattform .interface-card:is(:hover,:focus-visible) .interface-hint{color:#fff}
#plattform .interface-card::after{background:#fff}
#plattform .interface-card:focus-visible{outline-color:#fff;outline-offset:-4px}

/* The same electric blue runs through content, controls and focus states. */
main>section:not(#hero){--blue:#2254f6;--blue-deep:#1742d4;--blue-ice:#edf2ff;--accent:#c5d3ff;--accent-soft:#f1f4ff}
main>section:not(#hero) .s61{background:var(--blue);color:#fff}
main>section:not(#hero) .s61:hover{background:#1742d4;color:#fff}
main>section:not(#hero) .s53,main>section:not(#hero) .form-error a{color:#1742d4}
main>section:not(#hero) :is(a,button,summary):focus-visible{outline-color:#1742d4}
main>section:not(#hero) :is(.s59,.s60,.s110,.s112):focus{border-color:#2254f6;outline-color:#2254f626}
#plattform .catalog-icon{background:#edf6ff}
#souveraenitaet{background:var(--blue);color:#fff}
#souveraenitaet .s116,#souveraenitaet .s120{color:#fff}
#souveraenitaet .chapter-label,#souveraenitaet .chapter-label::before,#souveraenitaet .s119,#souveraenitaet .s121{color:#e9efff}
#souveraenitaet .s117,#souveraenitaet .s118{border-color:#ffffff40}

/* A restrained emerald accent on the migration hover underline. */
:root{--detail-accent:#087f68;--plus-accent:#42dea8}
#vorgehen .process-integrated .process-result::before{background:var(--detail-accent);height:7px;top:-3px}

@media(hover:hover) and (pointer:fine){#plattform .catalog-service:hover .catalog-icon{background:#ddebff}}

/* Primary header action shares the reference blue. */
.s9 .s18{background:#2254f6;color:#fff}
.s9 .s18:hover{background:#1742d4;color:#fff}

/* Wordmark: a subtle colour response, with stable letter spacing on hover. */
.s9 .wm:is(:hover,:focus-visible) .wordmark-syn{color:#1742d4}
.footer-cobalt .footer-small-brand:is(:hover,:focus-visible) .wordmark-syn{color:#fff}

.s9 .s18 .header-cta-arrow{border-left-color:#ffffff40}

/* Footer matches the dark blue created by the hero overlay, across its entire surface. */
.footer-cobalt :is(.footer-kicker,.footer-invite-action p,.footer-about p,.footer-contact p,.footer-location,.footer-contact>.m,.footer-directory h3,.footer-legal,.footer-photo-credit){color:#e9efff}
.footer-cobalt :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:4px}