/* Design tokens — the ONE piece meant to stay visually in sync with Momo.
   These are copied values, not a live import, so Momo and Hatsu can never
   break each other through shared CSS. Later this can become a small
   versioned package if you want a single source of truth. */
:root {
	--bg:  #0f1117;
	--bg2: #141824;
	--bg3: #1a1e2b;
	--card:#151a26;
	--tx:  #f0f0f5;
	--mu:  #8b8fa8;
	--bd:  rgba(255,255,255,.07);
	--bd2: rgba(255,255,255,.14);
	--ac:  #4f8ef7;
	--rd:  #f0596a;
	/* Hatsu brand accents (deliberately distinct from Momo's ops blue) */
	--h1:  #8b5cf6;
	--h2:  #ec4899;
}
:root[data-theme="light"] {
	--bg:  #f6f7fb;
	--bg2: #eceef5;
	--bg3: #ffffff;
	--card:#ffffff;
	--tx:  #171922;
	--mu:  #5b6072;
	--bd:  rgba(0,0,0,.08);
	--bd2: rgba(0,0,0,.16);
	--ac:  #2f6df6;
	--rd:  #e23b52;
	--h1:  #7c3aed;
	--h2:  #db2777;
}