@import url("./paper.css");
@font-face { font-family: Inter; src: url("/_emperio/inter.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }
:root { --ec-ink:#181818; --ec-paper:#f7f7f7; --ec-surface:#ffffff; --ec-line:#cfcfcf; --ec-muted:#505050; --ec-font:Inter,system-ui,sans-serif; --ec-accent:#181818; --ec-tint:#dedede; }
:root[data-emperio="hub"], [data-emperio-accent="hub"] { --ec-accent: #c44d32; --ec-tint: #ff714a; }
:root[data-emperio="finance"], [data-emperio-accent="finance"] { --ec-accent: #216748; --ec-tint: #91c8a7; }
:root[data-emperio="marketing"], [data-emperio-accent="marketing"] { --ec-accent: #a33362; --ec-tint: #eda4c1; }
:root[data-emperio="strategy"], [data-emperio-accent="strategy"] { --ec-accent: #2f518c; --ec-tint: #a2bceb; }
:root[data-emperio="game"], [data-emperio-accent="game"] { --ec-accent: #8c551c; --ec-tint: #e4b477; }
html[data-emperio] body { font-family:var(--ec-font); }
html[data-emperio] :where(h1,h2,h3,h4,button, input,select,textarea) { font-family:var(--ec-font); }
html[data-emperio] :where(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--ec-accent); outline-offset:3px; }
html[data-emperio] ::selection { background:var(--ec-tint); color:var(--ec-ink); }
.emperio-network-link { color:inherit; text-decoration:underline; text-underline-offset:.23em; }
a.emperio-network-link:focus-visible { outline-offset:3px; }

html[data-emperio="game"] :where(img,canvas) { filter:grayscale(1); }
html[data-emperio="game"] :where(.primary,.district-cta) { background:var(--ec-tint); color:var(--ec-ink); border-color:var(--ec-accent); }
.emperio-game-network { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.65rem 1.5rem; padding:.55rem clamp(.75rem,3vw,2rem); background:#242424; color:#fff; border-bottom:1px solid #5d5d5d; font:600 .85rem/1.4 var(--ec-font); }
.emperio-game-network a:focus-visible { outline-color:var(--ec-tint); }