:root.light.mumbuca {
	/* Base colors */
	--background: 210 20% 98%;
	--foreground: 240 10% 3.9%;
	--primary: 352 87% 64%;
	--primary-foreground: 355.7 100% 97.3%;
	--secondary: 0 100% 97%;
	--secondary-foreground: 240 5.9% 10%;

	/* Surface colors */
	--card: 0 0% 100%;
	--card-foreground: 20 14.3% 14.1%;
	--popover: 0 0% 100%;
	--popover-foreground: 20 14.3% 14.1%;

	/* Text colors */
	--muted: 240 4.8% 95.9%;
	--muted-foreground: 240 3.8% 46.1%;
	--accent: 240 4.8% 95.9%;
	--accent-foreground: 240 10% 3.9%;

	/* Border and input */
	--border: 240 5.9% 90%;
	--input: 240 5.9% 90%;
	--ring: 352 87% 64%;

	/* Semantic colors */
	--destructive: 0 72.2% 50.6%;
	--destructive-foreground: 210 40% 98%;

	/* Extended colors */
	--success: 142.31 100% 33%;
	--success-foreground: 144.07 100% 39%;
	--warning: 36 100% 57%;
	--warning-foreground: 30 100% 48%;
	--info: 199 92% 56%;
	--info-foreground: 201 98% 41%;
}

:root.dark.mumbuca {
	--background: 240 5% 8%;
	--foreground: 0 0% 95%;
	--primary: 352 87% 64%;
	--primary-foreground: 355.7 100% 5.3%;
	--secondary: 240 3.7% 15.9%;
	--secondary-foreground: 0 0% 98%;

	--card: 240 5% 12%;
	--card-foreground: 0 0% 98%;
	--popover: 240 5% 12%;
	--popover-foreground: 0 0% 98%;
	--surface: 240 5% 12%;
	--surface-variant: 240 5% 10%;

	--muted: 0 0% 45%;
	--muted-foreground: 240 5% 80%;
	--accent: 343 94% 50%;
	--accent-foreground: 0 0% 98%;
	--text-primary: 0 0% 100%;
	--text-secondary: 0 0% 90%;
	--text-muted: 0 0% 80%;
	--text-subtle: 0 0% 70%;
	--text-disabled: 0 0% 50%;
	--text-placeholder: 0 0% 70%;
	--text-inverse: 0 0% 0%;

	--border: 240 3.7% 20%;
	--border-muted: 240 3.7% 18%;
	--border-subtle: 240 3.7% 12%;
	--border-strong: 240 3.7% 25%;
	--border-focus: 352 87% 64%;
	--input: 240 3.7% 15.9%;
	--input-background: 240 3.7% 15.9%;
	--input-border: 240 3.7% 25%;
	--input-border-focus: 352 87% 64%;
	--input-border-error: 343.76 100% 39%;
	--input-placeholder: 240 5% 44.9%;
	--ring: 352 87% 64%;

	--background-secondary: 240 5% 10%;
	--background-muted: 240 5% 6%;
	--background-subtle: 240 5% 4%;
	--background-hover: 240 5% 16%;
	--background-pressed: 240 5% 20%;
	--background-selected: 352 87% 15%;

	--primary-hover: 352 87% 69%;
	--primary-pressed: 352 87% 74%;
	--primary-subtle: 352 87% 15%;
	--primary-disabled: 352 87% 30%;

	--secondary-hover: 240 3.7% 20%;
	--secondary-pressed: 240 3.7% 25%;

	--shadow: 0 0% 0%;
	--shadow-light: 0 0% 0% / 0.1;
	--shadow-medium: 0 0% 0% / 0.2;
	--shadow-strong: 0 0% 0% / 0.4;

	--destructive: 0 72.2% 50.6%;
	--destructive-foreground: 0 85.7% 97.3%;

	/* Extended colors - EXACT match with mobile theme.ts */
	--success: 144.07 100% 39%;
	--success-foreground: 142.31 100% 33%;
	--error: 343.76 100% 39%;
	--error-foreground: 0 72.2% 50.6%;
	--warning: 30 100% 48%;
	--warning-foreground: 36 100% 57%;
	--info: 201 98% 41%;
	--info-foreground: 199 92% 56%;

	--button-secondary: 240 3.7% 40%;
	--button-secondary-foreground: 0 0% 100%;
	--button-outline: 240 3.7% 35%;
	--button-outline-foreground: 0 0% 100%;
	--button-ghost-hover: 240 3.7% 30%;
	--button-ghost-foreground: 0 0% 100%;
	--button-ghost: 240 3.7% 15%;
	--button-ghost-text: 0 0% 100%;

	--modal-background: 240 5% 25%;
	--modal-overlay: 0 0% 0% / 0.6;
	--modal-border: 240 3.7% 30%;
	--modal-content: 240 5% 28%;

	--label-primary: 0 0% 100%;
	--label-secondary: 0 0% 90%;
	--label-muted: 0 0% 80%;
	--label-disabled: 0 0% 60%;
	--label-required: 0 72.2% 50.6%;
	--label-optional: 0 0% 75%;
}

:root.dark.mumbuca [data-slot="dialog-content"] {
	background-color: hsl(var(--modal-content));
}

:root.dark.mumbuca [data-slot="dialog-title"] {
	color: hsl(var(--label-primary));
}

:root.dark.mumbuca .text-foreground {
	color: hsl(var(--label-primary));
}

:root.dark.mumbuca .text-muted-foreground {
	color: hsl(var(--label-primary));
}

:root.dark.mumbuca .font-medium {
	color: hsl(var(--label-primary)) !important;
}

:root.dark.mumbuca .font-semibold {
	color: hsl(var(--label-primary)) !important;
}

:root.dark.mumbuca .text-sm {
	color: hsl(var(--label-secondary)) !important;
}

:root.dark.mumbuca [data-slot="dialog-content"] * {
	color: hsl(var(--label-primary));
}

:root.dark.mumbuca [data-slot="dialog-content"] .text-muted-foreground {
	color: hsl(var(--label-secondary)) !important;
}