/* Trujillo AI shared design tokens — aligned with ai.trujillomingorance.com */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #09090b;
  --bg-elev: #18181b;
  --bg-card: #18181b;
  --bg-card-hover: #27272a;
  --bg-code: #111113;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --border: #27272a;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --text: #fafafa;
  --text-primary: #fafafa;
  --muted: #a1a1aa;
  --text-secondary: #a1a1aa;
  --dim: #71717a;
  --text-muted: #71717a;
  --white: #ffffff;
  --accent: var(--accent, #10B981);
  --accent-cyan: var(--accent, #10B981);
  --green: #107c41;
  --accent-pill: var(--accent, #10B981);
  --accent-pill-text: #ffffff;
  --header-bg: rgba(9, 9, 11, 0.92);
  --header-border: #27272a;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: ui-serif, Georgia, Cambria, serif;
  --mono: "Cascadia Code", "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "Cascadia Code", "IBM Plex Mono", ui-monospace, monospace;
  --header-height: 56px;
  --sidebar-width: 260px;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --bg-elev: #fafafa;
  --bg-card: #ffffff;
  --bg-card-hover: #f4f4f5;
  --bg-code: #f4f4f5;
  --line: rgba(24, 24, 27, 0.1);
  --line-strong: rgba(24, 24, 27, 0.18);
  --border: #e4e4e7;
  --border-subtle: #edf2f7;
  --text: #18181b;
  --text-primary: #18181b;
  --muted: #3f3f46;
  --text-secondary: #3f3f46;
  --dim: #71717a;
  --text-muted: #71717a;
  --white: #18181b;
  --accent: var(--accent, #10B981);
  --accent-cyan: var(--accent, #10B981);
  --accent-pill: var(--accent, #10B981);
  --accent-pill-text: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.92);
  --header-border: #e4e4e7;
}