/* Middle Mann brand tokens. Single source of truth for color and typography. */

:root {
	--mm-accent: #00B4FF;
	--mm-ink: #0A0A0A;
	--mm-bone: #F5F2EC;

	/* Constellation palette. Six accent hues cycled through twinkle keyframes
	   across logo, card-tall, stat-card, hero-meta, geo-num. Change here, propagates. */
	--mm-pal-violet:  rgb(200, 140, 255);
	--mm-pal-amber-1: rgb(255, 200, 100);
	--mm-pal-mint:    rgb(140, 230, 200);
	--mm-pal-rose:    rgb(255, 130, 165);
	--mm-pal-lime:    rgb(180, 255, 140);
	--mm-pal-amber-2: rgb(255, 170, 90);
}

/* overflow-x: clip prevents horizontal overflow without creating a new scroll
   context. overflow: hidden on body would force the body to become the scroll
   container, which breaks window.scrollY + IntersectionObserver. */
html { overflow-x: clip; }

.mm-accent { color: var(--mm-accent) !important; }
.mm-section-dark { color: var(--mm-bone); }

/* Dark page-loader (Nova theme defaults to white) */
.page-loader { background: var(--mm-ink) !important; }
.page-loader .loader {
	border-color: rgba(255, 255, 255, 0.10) rgba(255, 255, 255, 0.10) rgba(255, 255, 255, 0.10) var(--mm-accent) !important;
}