/* Neutral design tokens for the public demonstration. A product skin (SKIN_DIR) may redefine any
   of these after this file loads; layout.css uses only these names. Every text pair below meets
   WCAG AA (4.5:1) on its ground; state colours are always paired with a word. */

:root {
  --navy: #0b1426; --navy-mid: #101b31; --navy-light: #16233d;
  --surface: #13203a; --surface-2: #182848;
  --text: #e9edf5; --dim: #8c99b3;
  --gold: #e8ad2c; --cyan: #2cc7e8; --green: #2fbf4f; --red: #f06a5f;

  --bg: #f4f4f1; --bg-2: #e9e9e4; --raised: #fcfcfa;
  --fg: #0b1426; --fg-2: #414b60; --fg-3: #58637a;
  --line: rgba(11, 20, 38, .12); --line-2: rgba(11, 20, 38, .22);
  --human: var(--gold); --human-text: #75591c;
  --machine: var(--cyan); --machine-text: #066a82;
  --proof: var(--green); --proof-text: #1a6e30;
  --refusal: var(--red); --refusal-text: #a33f3a;
  --gold-wash: rgba(232, 173, 44, .18); --cyan-wash: rgba(44, 199, 232, .12);
  --green-wash: rgba(47, 191, 79, .12); --red-wash: rgba(240, 106, 95, .12);
  --bubble-own: #e6e6e1; --bubble-in: var(--raised);
  --btn-ink-bg: var(--fg); --btn-ink-fg: var(--bg);

  --font-serif: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --r-input: 10px; --r-control: 12px; --r-card: 16px; --r-message: 18px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--navy-mid); --bg-2: var(--navy); --raised: var(--navy-light);
    --fg: var(--text); --fg-2: var(--dim); --fg-3: var(--dim);
    --line: rgba(44, 199, 232, .14); --line-2: rgba(44, 199, 232, .30);
    --human-text: var(--gold); --machine-text: var(--cyan); --proof-text: var(--green); --refusal-text: var(--red);
    --bubble-own: var(--surface-2); --bubble-in: var(--navy-light);
    --btn-ink-bg: var(--text); --btn-ink-fg: var(--navy);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: var(--navy-mid); --bg-2: var(--navy); --raised: var(--navy-light);
  --fg: var(--text); --fg-2: var(--dim); --fg-3: var(--dim);
  --line: rgba(44, 199, 232, .14); --line-2: rgba(44, 199, 232, .30);
  --human-text: var(--gold); --machine-text: var(--cyan); --proof-text: var(--green); --refusal-text: var(--red);
  --bubble-own: var(--surface-2); --bubble-in: var(--navy-light);
  --btn-ink-bg: var(--text); --btn-ink-fg: var(--navy);
  color-scheme: dark;
}

.field {
  --bg: var(--navy); --bg-2: var(--navy-mid); --raised: var(--surface);
  --fg: var(--text); --fg-2: var(--dim); --fg-3: var(--dim);
  --line: rgba(44, 199, 232, .14);
  --btn-ink-bg: var(--text); --btn-ink-fg: var(--navy);
  background: var(--navy); color: var(--text);
  color-scheme: dark;
}