/**
 * Sprnt Brand Theme
 * Default blue theme for Sprnt AI Studio
 */

/* ----- Brand: Sprnt (Default Blue Theme) ----- */
:root,
.brand-sprnt {
  /* Brand Fonts */
  --type-sans: ui-sans-serif, system-ui, sans-serif;
  --type-brand: 'Noto Sans', Arial, sans-serif;
  --type-display: 'Spectral', serif;
  --type-serif: 'Spectral', 'Noto Serif', serif;
  --type-heading: var(--type-brand);
  --type-mono: 'Fira Mono', 'Noto Mono', monospace;

  /* Message backgrounds */
  --message-user-background: oklch(0.96 0.0128 266.7);
  --message-assistant-background: oklch(100% 0 0);
  --chat-input-background: hsl(0, 0%, 100%);

  /* Accent color palette */
  --accent-blue: oklch(61.874% 0.20682 259.248);
  --accent-green: oklch(76.5% 0.177 163.223);
  --accent-teal: oklch(77.7% 0.152 181.912);
  --accent-cyan: oklch(74.6% 0.16 232.661);
  --accent-indigo: oklch(58.5% 0.233 277.117);
  --accent-orange: oklch(76.9% 0.188 70.08);
  --accent-pink: oklch(82.3% 0.12 346.018);
  --fixed-dark: hsl(222.2 84% 4.9%);
  --fixed-light: hsl(210, 40%, 98%);
  --glow: oklch(62.102% 0.15974 259.586);
  --highlight: oklch(56.972% 0.21784 267.711);
  --spark: oklch(79.5% 0.184 86.047);

  /* Brand assets */
  --logo: url(/theme/logo-light.svg);
  --icon: url(/theme/icon.svg);

  /* Core theme colors */
  --group: hsl(214.3 31.8% 91.4%);
  --background: hsl(0, 0%, 100%);
  --foreground: hsl(222.2 84% 4.9%);
  --card: hsl(0, 0%, 100%);
  --card-foreground: hsl(222.2 84% 4.9%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(222.2 84% 4.9%);
  --popover-trigger: hsl(0 0% 100%);

  /* Brand identity colors */
  --brand: oklch(0.623 0.214 259.815);
  --primary: oklch(56.972% 0.21784 267.711);
  --primary-foreground: hsl(210 40% 98%);
  --secondary: hsl(210 40% 96.1%);
  --secondary-foreground: hsl(222.2 47.4% 11.2%);
  --muted: hsl(210 40% 96.1%);
  --muted-foreground: hsl(215.4 16.3% 46.9%);
  --accent: oklch(0.967 0.001 286.375);
  --accent-foreground: oklch(0.21 0.006 285.885);

  /* State colors */
  --success: oklch(70% 0.14 182.503);
  --destructive: oklch(71% 0.194 13.428);
  --destructive-foreground: hsl(210 40% 98%);
  --warning: hsl(23, 74%, 66%);
  --neutral: oklch(93.1% 0.00011 271.152);

  /* Interface elements */
  --border: hsl(210 40% 96.1%);
  --input: hsl(214.3 31.8% 91.4%);
  --ring: hsl(238.7 83.5% 66.7%);
  --radius: 0.75rem;

  /* Chart colors */
  --chart-1: hsl(12 76% 61%);
  --chart-2: hsl(173, 58%, 39%);
  --chart-3: hsl(197, 33%, 26%);
  --chart-4: hsl(43 74% 66%);
  --chart-5: hsl(27 87% 67%);

  /* Sidebar colors */
  --sidebar-header: hsl(222.2 47.4% 11.2%);
  --sidebar-background: hsl(240, 56%, 98%);
  --sidebar-foreground: hsl(240 5.3% 26.1%);
  --sidebar-primary: hsl(240 5.9% 10%);
  --sidebar-primary-foreground: hsl(0 0% 98%);
  --sidebar-accent: hsl(0, 0%, 100%);
  --sidebar-accent-foreground: hsl(240 5.9% 10%);
  --sidebar-border: hsl(220 13% 91%);
  --sidebar-ring: hsl(217.2 91.2% 59.8%);

  /* Gradient examples */
  --gradient-from: #fb64b6;
  --gradient-to: #51a2ff;

  /* Splash screen colors */
  --splash-bg-primary: rgba(30, 41, 59, 0.95);
  --splash-bg-secondary: rgba(15, 23, 42, 0.98);
  --splash-glow-1: rgba(59, 130, 246, 0.25);
  --splash-glow-2: rgba(139, 92, 246, 0.2);
  --splash-progress-from: #3b82f6;
  --splash-progress-to: #1d4ed8;
  --splash-progress-glow: rgba(59, 130, 246, 0.5);
}

/* Sprnt Dark Mode */
.dark,
.brand-sprnt.dark {
  /* Message backgrounds */
  --message-user-background: oklch(37.2% 0.044 257.287);
  --message-assistant-background: hsl(240, 100%, 3%);
  --chat-input-background: oklch(11.193% 0.0542 273.34 / 0.499);

  /* Accent color palette - adjusted for dark mode */
  --accent-blue: oklch(70.7% 0.165 254.624);
  --accent-green: oklch(84.5% 0.143 164.978);
  --accent-teal: oklch(85.5% 0.138 181.071);
  --accent-cyan: oklch(78.9% 0.154 211.53);
  --accent-indigo: oklch(66.959% 0.17679 276.956);
  --accent-orange: oklch(75% 0.183 55.934);
  --accent-pink: oklch(71.754% 0.20172 349.676);
  --fixed-dark: hsl(222.2 84% 4.9%);
  --fixed-light: hsl(210 40% 96.1%);
  --glow: oklch(87% 0.065 274.039);
  --highlight: oklch(78% 0.115 274.713);
  --spark: oklch(85.2% 0.199 91.936);

  /* Brand assets - dark versions */
  --logo: url(/theme/logo-dark.svg);
  --icon: url(/theme/icon.svg);

  /* Core theme colors - dark mode */
  --background: oklch(11.193% 0.0542 273.34);
  --foreground: oklch(80% 0.05 271.579);
  --card: oklch(14.819% 0.04709 257.67);
  --card-foreground: hsl(210 40% 98%);
  --popover: hsl(222.2 84% 4.9%);
  --popover-foreground: hsl(210 40% 98%);
  --popover-trigger: hsl(222.2 84% 4.9%);
  --navigation: oklch(13.628% 0.03642 259.217);

  /* Brand identity colors - dark mode */
  --brand: oklch(70.401% 0.15836 253.646);
  --primary: oklch(64.969% 0.18645 263.464);
  --primary-foreground: hsl(0, 0%, 90%);
  --secondary: oklch(27.546% 0.03701 260.041);
  --secondary-foreground: hsl(210 40% 98%);
  --muted: oklch(22.885% 0.02628 258.341);
  --muted-foreground: hsl(215 20.2% 65.1%);
  --accent: oklch(67.155% 0.16623 268.002);
  --accent-foreground: hsl(0, 0%, 90%);

  /* State colors - dark mode */
  --success: oklch(77% 0.152 181.912);
  --warning: hsl(43 74% 66%);
  --neutral: hsl(0, 0%, 95%);
  --destructive: oklch(71% 0.194 13.428);
  --destructive-foreground: hsl(210 40% 98%);

  /* Interface elements - dark mode */
  --border: hsl(217.2 32.6% 17.5%);
  --input: hsl(217.2 32.6% 17.5%);
  --ring: hsl(224.3 76.3% 48%);

  /* Chart colors - dark mode */
  --chart-1: hsl(220 70% 50%);
  --chart-2: hsl(160 60% 45%);
  --chart-3: hsl(30 80% 55%);
  --chart-4: hsl(280, 4%, 16%);
  --chart-5: hsl(340 75% 55%);

  /* Sidebar colors - dark mode */
  --sidebar-header: oklch(13.628% 0.03642 259.217);
  --sidebar-background: oklch(5% 0.09 281.288);
  --sidebar-foreground: hsla(240, 5%, 96%, 0.796);
  --sidebar-primary: hsl(0 0% 98%);
  --sidebar-primary-foreground: hsl(240 5.9% 10%);
  --sidebar-accent: hsl(216, 33%, 12%);
  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
  --sidebar-border: hsl(240 3.7% 15.9%);
  --sidebar-ring: hsl(217.2 91.2% 59.8%);

  /* Gradient examples */
  --gradient-from: #fb64b6;
  --gradient-to: #51a2ff;
}