/* Prisma: Camurus look on top of LibreChat's theme variables (client/src/style.css, v0.8.8).
   Values are RGB components, as in LibreChat. Brand colors from packages/theme/camurus.css:
   blue-dark #3E4765 (62 71 101), blue #627EB3 (98 126 179), blue-300 #A2BFDE (162 191 222).
   Buttons use blue-dark: white text on #627EB3 is below WCAG AA contrast (4.5:1).
   Variables and the font only, plus the dark sign-in logo at the end (checked at build time by
   the Dockerfile). */

/* Hanken Grotesk, as in the other Camurus apps; self-hosted in assets/fonts (SIL Open Font
   License, @fontsource/hanken-grotesk 5.3.0, latin subset). */
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/hanken-grotesk-latin-700-normal.woff2') format('woff2'); }

/* Tailwind sets Inter on html and .font-sans (client/tailwind.config.cjs). This file is linked
   after LibreChat's stylesheet, so the same selectors win. */
html, .font-sans { font-family: 'Hanken Grotesk', Inter, sans-serif; }

:root {
  /* Neutrals with a slight blue bias (Camurus --bg #F4F6F8, --hairline #E2E6E9, --ink #1E1E1E).
     LibreChat builds both its light and its dark surfaces from this scale. */
  --gray-20: 238 241 244;
  --gray-50: 244 246 248;
  --gray-100: 238 241 242;
  --gray-200: 226 230 233;
  --gray-300: 210 216 220;
  --gray-400: 150 158 170;
  --gray-500: 91 103 114;
  --gray-600: 70 78 92;
  --gray-650: 58 65 80;
  --gray-700: 46 52 66;
  --gray-800: 30 34 45;
  --gray-850: 24 27 37;
  --gray-875: 20 23 32;
  --gray-900: 16 19 27;

  /* Camurus radii (8 and 12 px) instead of LibreChat's 12, 16 and 24 px. */
  --theme-control-radius: 0.5rem;
  --theme-surface-radius: 0.75rem;
  --theme-large-surface-radius: 0.75rem;
  --theme-font-family: 'Hanken Grotesk', Inter, sans-serif;
}

html {
  --surface-submit: 62 71 101;
  --surface-submit-hover: 98 126 179;
  --accent-primary: 62 71 101;
  --accent-primary-hover: 98 126 179;
  --brand-purple: 98 126 179;
  --link: 62 88 127;
  --link-hover: 62 71 101;
  /* Camurus tones: success #1C7A64 on #E3F4EF, warning #936508 on #FBF0D7, danger #AD382D on
     #FBE2DF, info #3E587F on #E5ECF5. */
  --status-success: 28 122 100;
  --status-success-subtle: 227 244 239;
  --status-warning: 147 101 8;
  --status-warning-subtle: 251 240 215;
  --status-error: 173 56 45;
  --status-error-subtle: 251 226 223;
  --status-info: 62 88 127;
  --status-info-subtle: 229 236 245;
}

.dark {
  --surface-submit: 62 71 101;
  --surface-submit-hover: 98 126 179;
  --accent-primary: 162 191 222;
  --accent-primary-hover: 205 219 236;
  --brand-purple: 162 191 222;
  --link: 162 191 222;
  --link-hover: 205 219 236;
  --status-success: 127 211 189;
  --status-success-subtle: 28 53 48;
  --status-warning: 240 196 106;
  --status-warning-subtle: 58 48 32;
  --status-error: 242 163 152;
  --status-error-subtle: 61 37 34;
  --status-info: 162 191 222;
  --status-info-subtle: 38 48 74;
}

/* Sign-in page logo (client/src/components/Auth/AuthLayout.tsx): the variant with light text on
   dark backgrounds. */
.dark img[src="assets/logo.svg"] { content: url('/assets/logo-dark.svg'); }