/* ═══════════════════════════════════════════════════════════════════════════
   Soma Base CSS — Standalone theme tokens for @zea/soma-sdk

   Import this file to use SomaChat without zea-design.css.
   Override any token by setting the CSS variable on .soma-root or a parent.

   Usage:
     import '@zea/soma-sdk/styles/base.css'
   ═══════════════════════════════════════════════════════════════════════════ */

.soma-root {
  /* Background & Text */
  --soma-bg: #0d1117;
  --soma-text: #e6edf3;
  --soma-text-muted: #8b949e;

  /* Bubbles */
  --soma-user-bubble: #238636;
  --soma-user-text: #ffffff;
  --soma-agent-bubble: #21262d;
  --soma-agent-text: #e6edf3;

  /* Thinking */
  --soma-thinking-bg: rgba(139, 92, 246, 0.08);
  --soma-thinking-text: #a78bfa;
  --soma-thinking-border: rgba(139, 92, 246, 0.2);

  /* Tools */
  --soma-tool-bg: rgba(139, 92, 246, 0.1);
  --soma-tool-text: #a78bfa;
  --soma-tool-border: rgba(139, 92, 246, 0.2);

  /* Tool results */
  --soma-result-bg: rgba(16, 185, 129, 0.1);
  --soma-result-text: #6ee7b7;
  --soma-result-border: rgba(16, 185, 129, 0.25);

  /* Input */
  --soma-input-bg: #161b22;
  --soma-input-border: #30363d;

  /* Primary action */
  --soma-primary: #238636;
  --soma-primary-text: #ffffff;

  /* Code */
  --soma-code-bg: #161b22;

  /* Typography */
  --soma-font: system-ui, -apple-system, "Segoe UI", Roboto, "Google Sans", sans-serif;
  --soma-radius: 12px;
}

/* Keyframes */
@keyframes soma-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Markdown content — force color inheritance to prevent black-text-on-dark leaks */
.soma-md,
.soma-md * {
  color: inherit !important;
}

/* Inline code */
.soma-code {
  background: var(--soma-code-bg, #161b22);
  color: var(--soma-text, #e6edf3);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.9em;
}

/* Code blocks (from markdown ```) */
.soma-md pre {
  background: var(--soma-code-bg, #161b22);
  color: var(--soma-text, #e6edf3);
  padding: 12px;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 12px;
  line-height: 1.5;
  margin: 8px 0;
}

.soma-md pre code {
  background: transparent;
  padding: 0;
  font-size: inherit;
}