/* Atlas brand accent — a dark grey for interactive fills (user message pill,
   composer border, send/new-chat buttons), with light text on top. Runtime
   override of the semantic theme tokens. */

/* Inter is the Atlas UI sans; pull the weights the site uses
   (300 body, 400/500 headings and chrome). @import must lead the file. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap");

:root {
  --color-primary: #1e293b;
  --color-primary-foreground: #f5f8fa;
  --color-ring: var(--brand-accent);
  --color-background: #ffffff;
  --color-sidebar: #f5f8fa;
  --color-sidebar-accent: #e6edf3;
  --color-sidebar-accent-foreground: #02121d;
  --color-foreground: #02121d;
  --color-brand-secondary: #89c9f7;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;

  --brand-accent: var(--color-primary);
  --brand-accent-hover: #3f4b5c;
  --brand-accent-foreground: var(--color-primary-foreground);

  /* Chart categorical palette (validated CVD-safe, accent-led). Read by echart_controller. */
  --chart-1: var(--brand-accent);
  --chart-2: #3a86e0;
  --chart-3: #2bb673;
  --chart-4: #9b6bd8;
}

/* Accent surfaces (Atlas). Targeted by stable markup hooks rather than tokens,
   so the accent stays scoped to the chat surface — light text sits on top so it
   stays readable. Loaded after tailwind, so equal-specificity utilities are
   overridden by source order. */

/* Chat: the user message pill. */
[data-message] {
  background-color: var(--brand-accent);
  color: var(--brand-accent-foreground);
}

/* Chat composer: accent border (resting + focus). */
div:has(> textarea[data-crew-chat-target="input"]),
div:has(> textarea[data-crew-chat-target="input"]):focus-within {
  border-color: var(--brand-accent);
}

/* Accent circular action buttons: composer send + new-chat. */
[aria-label="Send"],
[aria-label="New chat"] {
  background-color: var(--brand-accent);
  color: var(--brand-accent-foreground);
}
[aria-label="Send"]:hover,
[aria-label="New chat"]:hover {
  background-color: var(--brand-accent-hover);
}