/* MKH Portal — approved express dark language at root
   Solid floating cards (3-shadow stack), no glass, no stars/grain. */
:root,
[data-ex-theme="dark"] .express-root,
.express-root {
  --ex-base: #0b2035;
  --ex-ramp: #0a1c33;
  --ex-card: #0d2444;
  --ex-card-border: rgba(255, 255, 255, 0.12);
  --ex-card-lip: rgba(255, 255, 255, 0.14);
  --ex-cast-near: rgba(0, 0, 0, 0.45);
  --ex-cast-mid: rgba(0, 0, 0, 0.50);
  --ex-cast-far: rgba(0, 0, 0, 0.72);
  --ex-accent: #efa93f;
  --color-amber-400: #efa93f;
}

html:has(.express-root),
body:has(.express-root) {
  background-color: #0b2035 !important;
  color-scheme: dark;
}

/* Kill grain / starfield overlays */
.express-grain,
.express-root .express-grain,
[class*="starfield"],
[class*="stars-"] {
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

/* Solid floating cards — same language as .float-card (no glass) */
.express-root .float-card,
.express-root .chrome-panel,
.express-root .chrome-panel.rounded-express-lg,
.express-root .chrome-panel.rounded-express {
  background-color: var(--ex-card) !important;
  background-image: none !important;
  border: 1px solid var(--ex-card-border) !important;
  box-shadow:
    inset 0 1px 0 var(--ex-card-lip),
    0 1px 2px var(--ex-cast-near),
    0 10px 20px -8px var(--ex-cast-mid),
    0 34px 64px -24px var(--ex-cast-far) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Ground stays navy (approved), no cream bleed */
.express-ground {
  background-color: #0b2035 !important;
}

/* Gold chrome CTAs stay navy text */
.express-root .gold-chrome {
  color: #061426 !important;
}