/* brand.css — Logos's own tokens, on top of Sophia's design system (tools/pkg/theme: sophia.css, then
   the deployment's theme overlay from the Sophia console). The palette — --bg, --surface, --text,
   --muted, --border, --accent, … — and its dark variant come from there; this file only names what
   Logos draws (bubbles, citations, the input) in terms of it, so light, dark and a custom theme all
   apply. Override it at runtime with: logos --brand-css /path/to/your/brand.css */

:root {
  --placeholder:           var(--faint);
  --accent-text:           #ffffff;

  /* Message bubbles */
  --user-bubble-bg:        var(--accent);
  --user-bubble-text:      #ffffff;
  --assistant-bubble-bg:   var(--elevated);
  --assistant-bubble-text: var(--text);

  /* Citations */
  --citation-bg:           var(--surface);
  --citation-text:         var(--muted);

  /* Input */
  --input-bg:              var(--surface);
  --input-text:            var(--text);

  /* Typing indicator dots */
  --typing-dot:            var(--faint);

  /* The shared navigator (tools/pkg/navigator) reads these. */
  --snav-text:             var(--text);
  --snav-muted:            var(--muted);
  --snav-error:            var(--error);
}