/* Buckeye Oracle brand palette (Chainlit light theme).
   !important is required: this file loads before Chainlit's own bundle CSS,
   so an unqualified :root override of equal specificity would lose. */
:root {
  --background: 42 36% 94.5% !important;       /* Canvas    #F6F3EC */
  --card: 43 47% 97% !important;               /* Surface   #FBF9F4 */
  --popover: 43 47% 97% !important;            /* Surface   #FBF9F4 */
  --foreground: 43 9% 16% !important;          /* Ink       #2C2A25 */
  --card-foreground: 43 9% 16% !important;     /* Ink       #2C2A25 */
  --popover-foreground: 43 9% 16% !important;  /* Ink       #2C2A25 */

  --primary: 164 46% 33% !important;           /* Primary   #2E7C67 */
  --primary-foreground: 146 41% 97% !important; /* On-primary #F3FAF6 */
  --accent: 26 55% 45% !important;             /* Accent/link #B26B34 */
  --accent-foreground: 146 41% 97% !important; /* On-primary #F3FAF6 */
  --ring: 164 46% 33% !important;              /* Primary #2E7C67 */

  --secondary: 156 27% 89% !important;         /* Accent soft #DCEBE5 */
  --secondary-foreground: 43 9% 16% !important; /* Ink       #2C2A25 */
  --muted: 156 27% 89% !important;             /* Accent soft #DCEBE5 */
  --muted-foreground: 39 9% 43% !important;    /* Muted     #777063 */

  --border: 39 26% 87% !important;             /* Hairline  #E7E1D6 */
  --input: 39 26% 87% !important;              /* Hairline  #E7E1D6 */

  --accent: 156 27% 89% !important;            /* Accent soft #DCEBE5 */
  --accent-foreground: 43 9% 16% !important;   /* Ink        #2C2A25 */
  --brand-link: 26 55% 45%;                    /* terracotta  #B26B34 */
}

.dark {
  --background: 43 9% 16% !important;          /* Ink as dark canvas */
  --card: 43 8% 21% !important;                /* slightly lighter than Ink */
  --popover: 43 8% 21% !important;
  --foreground: 43 47% 97% !important;         /* Surface as dark-mode text */
  --card-foreground: 43 47% 97% !important;
  --popover-foreground: 43 47% 97% !important;

  --primary: 164 46% 33% !important;           /* Primary   #2E7C67 */
  --primary-foreground: 146 41% 97% !important; /* On-primary #F3FAF6 */
  --accent: 26 55% 45% !important;             /* Accent/link #B26B34 */
  --accent-foreground: 146 41% 97% !important;
  --ring: 164 46% 33% !important;

  --accent: 43 8% 26% !important;              /* lifted Ink for dark hover */
  --accent-foreground: 43 47% 97% !important;
}

/* Message composer: near-neutral Surface fill, not the mint-tinted Accent soft. */
#message-composer {
  background-color: hsl(var(--card)) !important;        /* Surface     #FBF9F4 */
  border: 1px solid hsl(var(--border)) !important;       /* Hairline    #E7E1D6 */
}

/* Send button: soft accent fill with a primary-colored arrow, not a solid
   primary fill (Chainlit's default is bg-primary/text-primary-foreground —
   overriding both here). */
#chat-submit {
  background-color: hsl(var(--secondary)) !important;   /* Accent soft #DCEBE5 */
  color: hsl(var(--primary)) !important;                /* Primary     #2E7C67 */
}
#chat-submit:hover {
  background-color: hsl(var(--secondary) / 0.8) !important;
}

/* User's own sent messages: the only other "bg-accent" bubble besides the
   composer (Tailwind's `bg-accent` + `rounded-3xl` + `max-w-[70%]` combo is
   unique to it) — fill with Primary, text with On-primary. */
div[class*="max-w-[70%]"] {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
}

/* Links in message/readme content: Accent/link color, not the default Ink. */
.prose a {
  color: hsl(var(--brand-link)) !important;
}

/* Login page logo: 1.5x the default 150px. */
img.logo {
  width: 225px !important;
}