/* BTC 15m identity. Direction, PnL and risk colors remain semantic. */
:root {
  background: #17150e;
  color: #f2eee0;
  --line: #443e29;
  --muted: #b1aa95;
  --text: #f2eee0;
  --accent: #f5cf54;
  --accent-hover: #ffdf78;
  --accent-ink: #241e09;
  --surface: #211e14;
  --accent-soft: #383018;
}
body { border-top: 3px solid var(--accent); }
.app-identity strong, .login h1 { color: var(--accent); }
#topbar { border-bottom-color: #6a5928; }
button:where(:not(.danger, .quiet, .running, .manual-direction, .strategy-archive-action, .parameter-error-link, .manual-presets button)) {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}
button:where(:not(.danger, .running, .manual-direction, .strategy-archive-action, .parameter-error-link, .manual-presets button)):hover:not(:disabled) {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--accent-ink);
}
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline-color: var(--accent);
}
input, select {
  background: var(--surface);
  border-color: #655b3a;
  color: var(--text);
}
input:focus, select:focus { outline-color: var(--accent); }
input[type=checkbox] { accent-color: var(--accent); }
.cards .panel, .disk-usage, th, .strategy-card-front {
  background: var(--surface);
}
.segmented button { background: transparent; color: var(--muted); border-color: transparent; }
.segmented button.active {
  background: var(--accent-soft);
  border-color: #8c7432;
  color: var(--accent);
}
.ensemble-section, .ensemble-section th, .ensemble-section td, .archived-strategy-row {
  border-color: var(--line);
}
.ensemble-section details summary { color: var(--accent); }
.strategy-description { color: #c7c0aa; }
#strategyArchiveDialog {
  background: var(--surface);
  border-color: #655b3a;
  color: var(--text);
}
.archived-strategy-row small { color: var(--muted); }
.decimal-key { background: var(--accent-soft); border-color: #655b3a; color: var(--accent); }
#notice { background: #332c18; border-color: #8c7432; }
@media (max-width: 700px) {
  #mobileNav { background: #211e14; border-top-color: #6a5928; }
  #mobileNav button { background: transparent; color: var(--muted); }
  #mobileNav button.active { color: var(--accent); background: var(--accent-soft); }
}