/* AvedGPT brand theme for LibreChat.
   Overrides LibreChat's design tokens (loaded after the base CSS via an injected
   <link> in index.html). Navy #0d467d primary; gold is a rare accent only and is
   intentionally NOT applied to buttons/surfaces/text here. */

:root {
  /* Neutrals — navy-tinted (hue ~210), not pure gray */
  --white: #ffffff;
  --gray-50: #f6f8fa;
  --gray-100: #eaf0f6;
  --gray-200: #d9e2ec;
  --gray-300: #c7d9ea;
  --gray-400: #93a7bc;
  --gray-500: #5c6c7d;
  --gray-600: #3d4c5e;
  --gray-700: #2b3b4e;
  --gray-800: #1a2635;
  --gray-850: #131e2c;
  --gray-900: #0f1722;

  /* Accent (LibreChat uses --brand-purple as its accent) -> navy */
  --brand-purple: #0d467d;

  /* Semantic surfaces */
  --presentation: #f6f8fa;
  --surface-primary: #ffffff;
  --surface-primary-alt: #ffffff;
  --surface-primary-contrast: #eaf0f6;
  --surface-secondary: #f6f8fa;
  --surface-secondary-alt: #eaf0f6;
  --surface-tertiary: #eaf0f6;
  --surface-tertiary-alt: #ffffff;
  --surface-dialog: #ffffff;
  --surface-chat: #ffffff;
  --surface-active: #e3edf7;
  --surface-active-alt: #d9e2ec;
  --surface-hover: #eaf0f6;
  --surface-hover-alt: #d9e2ec;
  --surface-submit: #0d467d;        /* send / primary button */
  --surface-submit-hover: #1a5a99;

  /* Text */
  --text-primary: #1d2b3a;
  --text-secondary: #5c6c7d;
  --text-secondary-alt: #5c6c7d;
  --text-tertiary: #5c6c7d;

  /* Borders */
  --border-light: #d9e2ec;
  --border-medium: #d9e2ec;
  --border-medium-alt: #c7d9ea;
  --border-heavy: #c7d9ea;
  --ring-primary: #0d467d;
  --header-primary: #eaf0f6;
  --header-hover: #e3edf7;
  --header-button-hover: #e3edf7;

  /* shadcn-style HSL tokens (buttons/inputs/rings in some components) */
  --background: 210 33% 97%;
  --foreground: 212 33% 17%;
  --card: 0 0% 100%;
  --card-foreground: 212 33% 17%;
  --primary: 210 81% 27%;           /* #0d467d */
  --primary-foreground: 0 0% 100%;
  --secondary: 210 38% 94%;
  --secondary-foreground: 212 33% 17%;
  --muted: 210 38% 94%;
  --muted-foreground: 210 16% 43%;
  --accent: 210 45% 93%;
  --accent-foreground: 212 33% 17%;
  --border: 210 33% 89%;
  --input: 210 33% 89%;
  --ring: 210 81% 27%;

  /* Light-mode accent for pins/bookmarks/dots — navy (gold reads poorly on white).
     Var name kept as --avedgpt-gold so the same rules apply in both modes. */
  --avedgpt-gold: #0d467d;
}

.dark {
  --white: #ffffff;
  --gray-100: #e6edf4;
  --gray-200: #c7d3df;
  --gray-300: #93a7bc;
  --gray-400: #6a7f95;
  --gray-500: #47586b;
  --gray-600: #93a7bc;
  --gray-700: #2b3b4e;
  --gray-800: #1a2635;
  --gray-850: #131e2c;
  --gray-900: #0f1722;

  --brand-purple: #4a8ed6;

  --presentation: #0f1722;
  --surface-primary: #1a2635;
  --surface-primary-alt: #131e2c;
  --surface-primary-contrast: #131e2c;
  --surface-secondary: #0f1722;
  --surface-secondary-alt: #131e2c;
  --surface-tertiary: #131e2c;
  --surface-tertiary-alt: #1a2635;
  --surface-dialog: #1a2635;
  --surface-chat: #1a2635;
  --surface-active: #1c4e82;         /* active sidebar item */
  --surface-active-alt: #16324e;
  --surface-hover: #16324e;
  --surface-hover-alt: #16324e;
  --surface-submit: #4a8ed6;         /* primary button (never #0d467d on dark) */
  --surface-submit-hover: #3a7ec6;

  --text-primary: #e6edf4;
  --text-secondary: #93a7bc;
  --text-secondary-alt: #93a7bc;
  --text-tertiary: #93a7bc;

  --border-light: #2b3b4e;
  --border-medium: #2b3b4e;
  --border-medium-alt: #2a4a6b;
  --border-heavy: #2a4a6b;
  --ring-primary: #4a8ed6;
  --header-primary: #131e2c;
  --header-hover: #16324e;
  --header-button-hover: #16324e;

  --background: 212 40% 9%;
  --foreground: 210 39% 92%;
  --card: 212 35% 16%;
  --card-foreground: 210 39% 92%;
  --primary: 210 62% 56%;            /* #4a8ed6 */
  --primary-foreground: 212 55% 9%;  /* #0b1826 */
  --secondary: 211 40% 20%;
  --secondary-foreground: 210 39% 92%;
  --muted: 212 29% 24%;
  --muted-foreground: 210 22% 65%;
  --accent: 211 55% 20%;
  --accent-foreground: 210 39% 92%;
  --border: 212 29% 24%;
  --input: 212 29% 24%;
  --ring: 210 62% 56%;

  --avedgpt-gold: #e2bd2e;
}

/* --- Accent on Pin & Bookmark icons (navy in light, gold in dark via
   --avedgpt-gold). lucide icons use stroke="currentColor", so overriding
   `color` recolors the icon outline. Confirmed class: lucide-pin. --- */
svg.lucide-pin,
svg.lucide-bookmark {
  color: var(--avedgpt-gold) !important;
}