/* ============ dark mode — orthogonal to the aki/rabbi persona theme ============ */
/* Remaps the neutral surface/ink tokens; the persona accent (orange/yellow) stays. */
html[data-dark='true'] {
  --c-bg: #15100A;
  --c-surface: #1F1810;
  --c-surface-2: #2A2114;
  --c-ink: #F4ECDF;
  --c-ink-soft: #C4B39D;
  --c-ink-faint: #8B7A64;
  --c-line: #382D1E;
  --c-shadow: #0B0805;
  --c-overlay: rgba(0, 0, 0, 0.64);
  --c-focus: #6BA8E8;
  --c-lock: #A492E6;
  --c-lock-bg: #2A2542;

  --fennec-fur: #2A2114;

  --who-tonton: #1F1810;
  --who-tonton-ink: #F4ECDF;

  --pattern-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='3' cy='3' r='2' fill='%232A2114'/%3E%3C/svg%3E");
}

html[data-theme='aki'][data-dark='true'] {
  --c-accent-deep: #FF9A4D;
  --c-accent-soft: #382716;
  --c-pop: #4D3620;
  --fennec-snout: #C2611F;
  --who-self: #3A2914;
  --who-self-ink: #FFE9D4;
}

html[data-theme='rabbi'][data-dark='true'] {
  --c-accent-deep: #F2CC55;
  --c-accent-soft: #38301A;
  --c-pop: #4D4220;
  --fennec-snout: #C9A52E;
  --who-self: #38301A;
  --who-self-ink: #FBEFC8;
}

/* the few spots that paint accent-ink text on an accent-soft fill read better as the
   bright accent on a dark tint */
html[data-dark='true'] .chip--on,
html[data-dark='true'] .chip--count,
html[data-dark='true'] .status-pill[data-tone='accent'],
html[data-dark='true'] .list-item .li-icon { color: var(--c-accent-deep); }

/* status tones ship light pastel fills — give them dark equivalents */
html[data-dark='true'] .status-pill[data-tone='ok'] { background: #16301F; }
html[data-dark='true'] .status-pill[data-tone='warn'] { background: #322611; color: #E7B65A; }
html[data-dark='true'] .status-pill[data-tone='danger'] { background: #371712; }