/* Mike CMS admin hub — Chris 2026-09-17 grey + emerald + black (NOT public emerald-gold). */
:root {
  --bg: #e5e7eb;
  --bg-soft: #d1d5db;
  --bg-card: #f9fafb;
  --bg-card-2: #ffffff;
  --ink: #111827;
  --ink-soft: #374151;
  --ink-mute: #4b5563;
  --ink-faint: #6b7280;
  --line: rgba(17, 24, 39, 0.14);
  --line-soft: rgba(17, 24, 39, 0.08);
  --accent: #047857;
  --accent-deep: #047857;
  --accent-soft: rgba(4, 120, 87, 0.12);
  --mint: #059669;
  --mint-soft: rgba(5, 150, 105, 0.12);
}
body {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}
.topbar {
  background: rgba(249, 250, 251, 0.92) !important;
  border-bottom-color: var(--line-soft) !important;
}
h1, h2, h3, .brand, .section-label, .card .name {
  color: var(--accent) !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
}
.hero p.subtitle, .card .desc, p, li, footer {
  color: var(--ink-soft) !important;
}
.card .cat {
  color: var(--mint) !important;
}
a, a:visited {
  color: var(--accent) !important;
}
a:hover {
  color: var(--mint) !important;
}
.card {
  background: var(--bg-card) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.05) !important;
}
.pill {
  background: var(--mint-soft) !important;
  color: var(--accent) !important;
  border-color: rgba(4, 120, 87, 0.25) !important;
}
.btn,
.nav-cta,
button.btn {
  background: var(--mint) !important;
  color: #fff !important;
  border-color: var(--mint) !important;
}
.nav a {
  background: #fff !important;
  color: var(--accent) !important;
}
.card,
.tile,
.agent-card,
.demo-wrap,
.stat {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}
a.card.card-featured {
  border-color: rgba(4, 120, 87, 0.38) !important;
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), #f9fafb) !important;
}
a.card.card-featured:hover {
  border-color: var(--mint) !important;
}
/* Chris 2026-09-18 — never gold/yellow typography on admin */
.pill.gold,
[class*="gold"],
[style*="#c5a028"],
[style*="#d4af37"],
[style*="#c9a962"],
[style*="#b8860b"],
[style*="#92400e"] {
  color: var(--accent) !important;
  border-color: rgba(4, 120, 87, 0.35) !important;
}