/* The atlas lives in an iframe; keep its palette in step with the shared header. */
html[data-eco-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1929;
  --panel: #17283a;
  --ink: #eaf2f8;
  --muted: #a9bfd0;
  --line: #345066;
  --teal: #78dfd1;
  --soft: #20394a;
  --dark: #102d40;
  --yellow: #453923;
  --yellow-ink: #ffe3a2;
  --shadow: 0 12px 32px #0003;
}
html[data-eco-theme="dark"] body,
html[data-eco-theme="dark"] .app,
html[data-eco-theme="dark"] .workspace { background: var(--bg); color: var(--ink); }
html[data-eco-theme="dark"] input,
html[data-eco-theme="dark"] select,
html[data-eco-theme="dark"] textarea,
html[data-eco-theme="dark"] .result,
html[data-eco-theme="dark"] .axis-card,
html[data-eco-theme="dark"] .ref,
html[data-eco-theme="dark"] .sidebar { background: var(--panel); color: var(--ink); border-color: var(--line); }
html[data-eco-theme="dark"] .top-search input { background: #244355; color: #fff; }
html[data-eco-theme="dark"] button:not(.primary):not([aria-pressed="true"]):not(.active):hover { background: var(--soft); }
html[data-eco-theme="dark"] .nav button.active,
html[data-eco-theme="dark"] .docnav button.active { background: #287786; color: #fff; }
html[data-eco-theme="dark"] .topbar { background: #10283a; }
html[data-eco-theme="dark"] .panel,
html[data-eco-theme="dark"] .result,
html[data-eco-theme="dark"] .axis-card,
html[data-eco-theme="dark"] .ref { border-color: var(--line); }
html[data-eco-theme="dark"] .pending,
html[data-eco-theme="dark"] .status-box,
html[data-eco-theme="dark"] .profile-note { background: var(--yellow); color: var(--yellow-ink); }
html[data-eco-theme="dark"] .prose th { background: #264e62; }
html[data-eco-theme="dark"] .prose tr:nth-child(even) td { background: var(--soft); }
html[data-eco-theme="dark"] .skip { background: var(--panel); }
html[data-eco-theme="dark"] .iq-core-board,
html[data-eco-theme="dark"] .iq-integrative-board,
html[data-eco-theme="dark"] .classification-panel { color: var(--ink); }
html[data-eco-theme="light"] { color-scheme: light; }