/* /panel audience skins. Loaded after ui/app.css; only re-declares colour tokens.
   <html data-aud="developers|traders"> is set by ui/panel-aud.js; without it the panel keeps
   the default (lime) theme. Colours match developers.xcr9.online and traders.xcr9.online. */

/* ---------- developers: violet ---------- */
:root[data-aud="developers"] {
  --bg: #f6f5fa; --surface-2: #eeecf5; --surface-3: #e5e2ee;
  --accent: #6d28d9; --accent-ink: #f6f1ff; --accent-soft: rgba(109,40,217,.1); --accent-line: rgba(109,40,217,.35);
  --ok: #15803d; --ok-soft: rgba(21,128,61,.1); --ok-line: rgba(21,128,61,.3);
}
:root[data-aud="developers"][data-theme="dark"] {
  --bg: #0b0a11; --surface: #13111b; --surface-2: #1a1825; --surface-3: #221f2f;
  --accent: #b394ff; --accent-ink: #130a2e; --accent-soft: rgba(179,148,255,.12); --accent-line: rgba(179,148,255,.38);
  --ok: #8be0b0; --ok-soft: rgba(139,224,176,.1); --ok-line: rgba(139,224,176,.3);
}

/* ---------- traders: orange ---------- */
:root[data-aud="traders"] {
  --bg: #f8f6f2; --surface-2: #f0ece5; --surface-3: #e7e2d9;
  --accent: #c2410c; --accent-ink: #fff4eb; --accent-soft: rgba(194,65,12,.1); --accent-line: rgba(194,65,12,.35);
  --ok: #15803d; --ok-soft: rgba(21,128,61,.1); --ok-line: rgba(21,128,61,.3);
}
:root[data-aud="traders"][data-theme="dark"] {
  --bg: #0d0b09; --surface: #161310; --surface-2: #1e1a16; --surface-3: #27221c;
  --accent: #ff9a3d; --accent-ink: #1f0f00; --accent-soft: rgba(255,154,61,.12); --accent-line: rgba(255,154,61,.38);
  --ok: #8be0b0; --ok-soft: rgba(139,224,176,.1); --ok-line: rgba(139,224,176,.3);
  /* keep warnings apart from the orange accent */
  --warn: #fde047; --warn-soft: rgba(253,224,71,.09); --warn-line: rgba(253,224,71,.28);
}

/* brand mark in the audience colour, as on the landing pages */
:root[data-aud] .app .brand-mark { background: var(--accent); color: var(--accent-ink); }