/* Born West brand accent — navy ink over cool off-white, electric lime as the
   pop. Runtime override of the semantic theme tokens; loaded only when the
   customer is `bwos` (see customer_stylesheet_tag).

   Lime can't be `--color-primary`: that token doubles as `text-primary`
   (headings, links), and bright lime text on a light background is unreadable.
   So navy carries the structural/text work; lime is reserved for interactive
   accents — hover/active fills and the chat composer — always with ink text on
   top, the same split bornwest.com uses. */

/* Inter is the Born West 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: #02121d;
  --color-primary-foreground: #f5f8fa;
  --color-ring: #c1fb13;
  --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-lime: #c1fb13;
  --brand-lime-hover: #b2e80f;
  --brand-ink: #02121d;
}

/* Lime accents (Born West). These target app markup by stable hooks rather than
   tokens, since lime must stay scoped to the chat surface — ink 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-lime);
  color: var(--brand-ink);
}

/* Chat composer: lime 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-lime);
}

/* Lime circular action buttons: composer send + new-search. */
[aria-label="Send"],
[aria-label="New search"] {
  background-color: var(--brand-lime);
  color: var(--brand-ink);
}
[aria-label="Send"]:hover,
[aria-label="New search"]:hover {
  background-color: var(--brand-lime-hover);
}