/* Responsibility: the alternate themes — terminal and messenger.
   Self-hosted, no CDN (§5). The default dark and light palettes live in
   chat.css; these only override colour variables and the few shapes that make
   each theme feel genuinely different. */

/* ── terminal theme ───────────────────────────────────────── */

[data-theme="terminal"] {
    --bg:        #0b0f0b;
    --panel:     #0e140e;
    --sunken:    #070a07;
    --line:      #1d3a1d;
    --text:      #7dff9b;
    --muted:     #3f8f55;
    --faint:     #2c6b3d;
    --accent:    #a6ff6e;
    --btn:       #0e140e;
    --btn-hover: #16241a;
    --ok-bg:     #0d1f10; --ok-line: #2f6b3a; --ok-text: #8dff9f;
    --err-bg:    #240d0d; --err-line: #6b2f2f; --err-text: #ff9b9b;
    --danger:    #ff7b7b;
    --shadow:    none;
}

[data-theme="terminal"] body,
[data-theme="terminal"] .msg-body,
[data-theme="terminal"] input,
[data-theme="terminal"] textarea,
[data-theme="terminal"] button {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;
}

[data-theme="terminal"] .msg.mine .msg-body,
[data-theme="terminal"] .msg.theirs .msg-body {
    border-radius: 2px;
}

[data-theme="terminal"] .msg.mine .msg-body::before { content: '> '; color: var(--muted); }
[data-theme="terminal"] .msg.theirs .msg-body::before { content: '$ '; color: var(--muted); }