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

/* ----- Brand: Sprnt (Default Blue Theme) ----- */
:root,
.brand-monoai {
	/* Message backgrounds */
	--message-user-background: oklch(0.9457 0.0128 266.7);
	--message-assistant-background: oklch(100% 0 0);
	--chat-input-background: hsl(0, 0%, 100%);

	/* Accent color palette */
	--accent-blue: oklch(62.3% 0.214 259.815);
	--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% 96.1%);
	--glow: hsl(217, 75%, 59%);
	--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(66.352% 0.1094 214.032);
	--primary: oklch(69.494% 0.12377 216.478);
	--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: oklch(66.352% 0.1094 214.032);
	--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: oklch(66.352% 0.1094 214.032);

	/* 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: oklch(66.352% 0.1094 214.032);
	--splash-progress-to: oklch(81.598% 0.14537 216.537);
	--splash-progress-glow: rgba(59, 130, 246, 0.5);
}

/* Sprnt Dark Mode */
.dark,
.brand-monoai.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: #020218;
	--foreground: oklch(80% 0.05 271.579);
	--card: hsl(221, 94%, 6%);
	--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%);

	/* Brand identity colors - dark mode */
	--brand: oklch(66.352% 0.1094 214.032);
	--primary: oklch(69.494% 0.12377 216.478);
	--primary-foreground: hsl(0, 0%, 90%);
	--secondary: hsl(217, 33%, 17%);
	--secondary-foreground: hsl(210 40% 98%);
	--muted: hsl(216, 33%, 12%);
	--muted-foreground: hsl(215 20.2% 65.1%);
	--accent: oklch(64.807% 0.18086 272.024);
	--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: oklch(69.494% 0.12377 216.478);

	/* 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: hsl(222.2 84% 4.9%);
	--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;
}