/* e10s02 graphite theme — the dark A/B skin (owner: D1 graphite panel).
   Loaded only when html[data-theme="terminal"] (?theme=terminal). Baseline
   chat.css stays untouched; everything here overrides tokens first, then a
   few component details. Dark slate canvas, one cool accent, no macOS
   window chrome (no traffic dots, no shell prompt, no scanlines). */

html[data-theme="terminal"] {
  --canvas: #0a0b10;
  --surface: #14161d;
  --inset: #181b24;
  --ink: #dde4ee;
  --fog: #aeb7c6;
  --ash: #8a93a3;
  --limestone: #9aa3b2;
  --rim: rgba(255, 255, 255, 0.09);
  --accent: #8fb3e0;
  --online: #4ccb82;
  --cue-lift: #a7c6e9;
  --cue-side: #46648c;
}

html[data-theme="terminal"] body {
  background: var(--canvas);
  color: var(--ink);
}

/* brand bar: dark glass */
html[data-theme="terminal"] .brand-bar {
  background: rgba(10, 11, 16, 0.97);
}

/* conventional chat bubbles in the dark palette */
html[data-theme="terminal"] .row.anton .bubble {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--rim);
  color: var(--ink);
}
html[data-theme="terminal"] .row.user .bubble {
  background: var(--accent);
  color: #0d1017;
}
html[data-theme="terminal"] .row.anton .avatar {
  filter: grayscale(0.25) contrast(1.08);
}
html[data-theme="terminal"] .bubble.error {
  color: #e08585;
  border-color: rgba(224, 85, 85, 0.4);
}

/* suggestions + composer: dark chrome */
html[data-theme="terminal"] .sug:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
}
html[data-theme="terminal"] .composer textarea {
  background: var(--inset);
}
html[data-theme="terminal"] .send {
  background: var(--accent);
  color: #0d1017;
}

/* buttons */
html[data-theme="terminal"] .btn-primary { background: var(--accent); color: #0d1017; }
html[data-theme="terminal"] .btn-secondary { border-color: var(--rim); color: var(--ink); }
html[data-theme="terminal"] .btn-secondary:hover { border-color: var(--accent); }

/* hero sky: ink dots become faint stars */
html[data-theme="terminal"] .hero-dots {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1.2px, transparent 1.3px);
}
html[data-theme="terminal"] .scroll-cue {
  background: linear-gradient(180deg, var(--cue-lift), var(--accent) 70%);
  color: #0d1017;
}
html[data-theme="terminal"] .scroll-cue:focus-visible { outline-color: var(--accent); }

/* code inside bubbles stays readable on glass */
html[data-theme="terminal"] .bubble code {
  background: rgba(255, 255, 255, 0.08);
}
html[data-theme="terminal"] .bubble a { color: var(--accent); }

/* employer marks read as white silhouettes on graphite (Visionite pattern):
   brightness(0) flatten + invert, softened a touch so they match --ink */
html[data-theme="terminal"] .xp-logos img {
  filter: brightness(0) invert(1);
  opacity: 0.85;
}