/**
 * Seedable Brand Theme
 * Green theme for Seedable
 */

/* ----- Brand: Seedable (Green Theme) ----- */
.brand-seedable {
	/* Message backgrounds */
	--message-user-background: oklch(90.171% 0.02801 185.729 / 0.393);
	--message-assistant-background: oklch(100% 0 0);
	--chat-input-background: oklch(100% 0 0);

	/* Accent color palette - green-focused */
	--accent-blue: oklch(54.65% 0.246 262.87);
	--accent-green: oklch(69.75% 0.09 186.04);
	--accent-teal: oklch(77.7% 0.152 181.912);
	--accent-cyan: oklch(74.6% 0.16 232.661);
	--accent-indigo: oklch(69.75% 0.09 186.04);
	--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: oklch(78.60% 0.069 187.6);
	--highlight: oklch(69.75% 0.09 186.04);
	--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(145 31.8% 91.4%);
	--background: oklch(100.00% 0.000 0);
	--foreground: hsl(145 84% 4.9%);
	--card: hsl(0, 0%, 100%);
	--card-foreground: hsl(145 84% 4.9%);
	--popover: hsl(0 0% 100%);
	--popover-foreground: hsl(145 84% 4.9%);
	--popover-trigger: hsl(0 0% 100%);

	/* Brand identity colors */
	--brand: oklch(83.61% 0.157 166.18);
	--primary: oklch(19.44% 0.050 267.74);
	--primary-foreground: hsl(0, 0%, 100%);
	--secondary: hsl(145 40% 96.1%);
	--secondary-foreground: hsl(145 47.4% 11.2%);
	--muted: hsl(145 40% 96.1%);
	--muted-foreground: oklch(44.61% 0.030 257.68);
	--accent: oklch(83.61% 0.157 166.18);
	--accent-foreground: none;

	/* State colors */
	--success: oklch(69.75% 0.09 186.04);
	--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: #D1D5DC;
	--input: hsl(145 31.8% 91.4%);
	--ring: oklch(78.60% 0.069 187.6);
	--radius: 0.75rem;

	/* Chart colors - green theme */
	--chart-1: hsl(145 76% 45%);
	--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: oklch(69.825% 0.08956 186.953 / 0.571);
	--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: hsl(197, 33%, 26%);
	--gradient-to: oklch(69.75% 0.09 186.04);

	/* Splash screen colors - Teal/green theme for Seedable */
	--splash-bg-primary: rgba(20, 45, 45, 0.95);
	--splash-bg-secondary: rgba(10, 30, 30, 0.98);
	--splash-glow-1: rgba(45, 212, 191, 0.25);
	--splash-glow-2: rgba(20, 184, 166, 0.2);
	--splash-progress-from: #2dd4bf;
	--splash-progress-to: #14b8a6;
	--splash-progress-glow: rgba(45, 212, 191, 0.5);

	--stepper-disable: oklch(70.71% 0.022 261.75);
	--subscription-active-bg: oklch(98.46% 0.002 247.84);
	--subscription-active-border: oklch(80.15% 0.000 0);
	--subscription-red: oklch(71.06% 0.166 22.22);
}

/* Seedable Dark Mode */
.brand-seedable.dark {
	/* Message backgrounds */
	--message-user-background: oklch(90.171% 0.02801 185.729 / 0.393);
	--message-assistant-background: hsl(145, 100%, 3%);
	--chat-input-background: oklch(30.71% 0.045 206.5);

	/* Accent color palette - dark mode adjusted */
	--accent-blue: oklch(70.7% 0.165 254.624);
	--accent-green: oklch(78.60% 0.069 187.6);
	--accent-teal: oklch(85.5% 0.138 181.071);
	--accent-cyan: oklch(78.9% 0.154 211.53);
	--accent-indigo: oklch(69.75% 0.09 186.04);
	--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.60% 0.039 188.44);
	--highlight: oklch(87.60% 0.039 188.44);
	--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(30.71% 0.045 206.5);
	--foreground: oklch(80% 0.05 185);
	--card: oklch(30.747% 0.04491 206.715 / 0.703);
	--card-foreground: hsl(145 40% 98%);
	--popover: hsl(145 84% 4.9%);
	--popover-foreground: hsl(145 40% 98%);
	--popover-trigger: hsl(145 84% 4.9%);

	/* Brand identity colors - dark mode */
	--brand: oklch(78.60% 0.069 187.6);
	--primary: oklch(100.00% 0 0);
	--primary-foreground: hsl(145, 95%, 2%);
	--secondary: hsl(145, 33%, 17%);
	--secondary-foreground: hsl(145 40% 98%);
	--muted: oklch(78.601% 0.06871 187.671 / 0.136);
	--muted-foreground: hsl(145 20.2% 65.1%);
	--accent: oklch(78.60% 0.069 187.6);
	--accent-foreground: hsl(145, 95%, 2%);

	/* State colors - dark mode */
	--success: oklch(78.60% 0.069 187.6);
	--warning: hsl(43 74% 66%);
	--neutral: hsl(0, 0%, 95%);
	--destructive: oklch(71% 0.194 13.428);
	--destructive-foreground: hsl(145 40% 98%);

	/* Interface elements - dark mode */
	--border: oklch(91.279% 0.0001 271.152 / 0.301);
	--input: oklch(91.279% 0.0001 271.152 / 0.301);
	--ring: oklch(91.279% 0.0001 271.152 / 0.301);

	/* Chart colors - dark mode */
	--chart-1: hsl(145 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(24.02% 0.027 207.55);
	--sidebar-background: oklch(24.02% 0.027 207.55);
	--sidebar-foreground: hsla(145, 5%, 96%, 0.796);
	--sidebar-primary: hsl(145 0% 98%);
	--sidebar-primary-foreground: oklch(30.71% 0.045 206.5);
	--sidebar-accent: hsla(145, 33%, 17%, 0.506);
	--sidebar-accent-foreground: hsl(145 4.8% 95.9%);
	--sidebar-border: hsl(145 3.7% 15.9%);
	--sidebar-ring: oklch(100.00% 0 0);

	/* Gradient examples */
	--gradient-from: hsl(197, 33%, 26%);
	--gradient-to: oklch(69.75% 0.09 186.04);

	--stepper-disable: oklch(70.71% 0.022 261.75);
}