/* ==========================================================================
   Secumax brand layer — loaded after the Magixs parent styles.
   Brand: Secumax Blue #1774A3 · Secumax Red #DB2129 · Deep Navy #08192B
   ========================================================================== */

:root {
	--mx-ink: #0b1d2e;
	--mx-surface: #f3f7fa;
	--mx-surface-2: #e7eff5;
}

/* Logo sizing (source logo is 204×57). */
.mx-header__logo .custom-logo { max-height: 50px; }

/* Brand "eye" motif on section eyebrows: a red dot before the label. */
.mx-eyebrow::before {
	content: "";
	display: inline-block;
	width: 7px; height: 7px;
	margin: 0 8px 2px 0;
	border-radius: 50%;
	background: var(--mx-accent);
	box-shadow: 0 0 0 3px rgb(var(--mx-accent-rgb) / .18);
	vertical-align: middle;
}
.mx-promo:not(.mx-promo--light) .mx-eyebrow::before,
.mx-cta .mx-eyebrow::before { background: #fff; box-shadow: 0 0 0 3px rgb(255 255 255 / .25); }

/* Top bar accent line in brand red. */
.mx-topbar { border-bottom: 2px solid var(--mx-accent); }