worldmonitor/src/styles/base-layer.css

/*
 * Cascade layer wrapper — places ALL of main.css into @layer base.
 * Variant theme CSS (happy-theme.css etc.) stays unlayered and therefore
 * always wins the cascade, regardless of specificity or source order.
 *
 * See: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
 */
@import url('./main.css') layer(base);
@import url('./header.css') layer(base);
@import url('./country-deep-dive.css') layer(base);
@import url('./map-context-menu.css') layer(base);
@import url('./supply-chain-panel.css') layer(base);