/* Cognitive AI brand theme for Langfuse.
 *
 * Injected after Langfuse's own stylesheets by the nginx skin proxy, so
 * these same-specificity overrides win by source order. Langfuse is a
 * shadcn/tailwind app — retheming is a matter of swapping the HSL design
 * tokens. Palette comes from the Cognitive AI website design system:
 *   blue    #2d6bff   hsl(224 100% 59%)
 *   blue-2  #1e4fcf   hsl(223 75% 47%)
 *   cyan    #06b6d4   hsl(187 94% 43%)
 *   navy    #0f1535   hsl(230 56% 13%)
 *   deep bg #0a0f2c   hsl(231 63% 11%)
 */

:root {
  /* Langfuse's indigo accent -> Cognitive AI blue */
  --primary-accent: 224 100% 59%;
  --hover-primary-accent: 224 100% 67%;
  --muted-primary-accent: 224 100% 67%;
  /* Primary buttons: near-black -> brand navy */
  --primary: 230 56% 13%;
  --ring: 224 89% 62%;
  /* Header bar gets a whisper of brand blue */
  --header: 216 60% 98%;
  --muted-blue: 224 100% 59%;
}

.dark {
  /* Deep-navy surface system (site's --card-deep / --bg tokens) */
  --background: 231 63% 10%;
  --card: 229 58% 12%;
  --popover: 229 58% 12%;
  --header: 230 55% 14%;
  --muted: 230 45% 17%;
  --secondary: 230 45% 17%;
  --accent: 230 45% 18%;
  --tertiary: 229 40% 26%;
  --border: 228 38% 24%;
  --input: 228 38% 24%;
  --foreground: 224 48% 90%;
  --card-foreground: 224 48% 92%;
  --popover-foreground: 224 48% 92%;
  --secondary-foreground: 224 48% 92%;
  --muted-foreground: 225 25% 68%;
  --primary: 224 48% 90%;
  --primary-foreground: 230 56% 13%;
  /* Brighter blue for dark surfaces */
  --primary-accent: 219 100% 66%;
  --hover-primary-accent: 219 100% 74%;
  --muted-primary-accent: 219 100% 74%;
  --muted-blue: 219 100% 66%;
  --ring: 224 76% 55%;
}

::selection {
  background: rgba(6, 182, 212, 0.18);
}