/*
 * Override neutral/grey tokens when dark mode is active.
 * All Tailwind utilities that reference these variables update automatically.
 */
#teamupdraft-onboarding.dark {
	background-color: var(--color-gray-50);
	min-height: 100vh;

	/* Systematic dark accent transform: shared L ladder, shared C scaling, hue preserved. */
	--dark-chroma-scale: 0.72;
	--dark-l-50: 0.30;
	--dark-l-100: 0.34;
	--dark-l-200: 0.39;
	--dark-l-300: 0.44;
	--dark-l-400: 0.49;
	--dark-l-500: 0.54;
	--dark-l-600: 0.60;
	--dark-l-700: 0.67;
	--dark-l-800: 0.74;
	--dark-l-900: 0.81;
	--dark-l-950: 0.88;
	--dark-c-50: 0.30;
	--dark-c-100: 0.40;
	--dark-c-200: 0.50;
	--dark-c-300: 0.62;
	--dark-c-400: 0.78;
	--dark-c-500: 1;
	--dark-c-600: 0.90;
	--dark-c-700: 0.78;
	--dark-c-800: 0.64;
	--dark-c-900: 0.50;
	--dark-c-950: 0.36;
	--dark-primary-c: 0.1405;
	--color-primary-50: oklch(var(--dark-l-50) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-50)) var(--brand-hue) / 0.90);
	--color-primary-100: oklch(var(--dark-l-100) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-100)) var(--brand-hue) / 0.90);
	--color-primary-200: oklch(var(--dark-l-200) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-200)) var(--brand-hue) / 0.90);
	--color-primary-300: oklch(var(--dark-l-300) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-300)) var(--brand-hue) / 0.90);
	--color-primary-400: oklch(var(--dark-l-400) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-400)) var(--brand-hue) / 0.90);
	--color-primary-500: oklch(var(--dark-l-500) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-500)) var(--brand-hue));
	--color-primary-600: oklch(var(--dark-l-600) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-600)) var(--brand-hue) / 0.90);
	--color-primary-700: oklch(var(--dark-l-700) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-700)) var(--brand-hue) / 0.90);
	--color-primary-800: oklch(var(--dark-l-800) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-800)) var(--brand-hue) / 0.90);
	--color-primary-900: oklch(var(--dark-l-900) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-900)) var(--brand-hue) / 0.90);
	--color-primary-950: oklch(var(--dark-l-950) calc(var(--dark-primary-c) * var(--dark-chroma-scale) * var(--dark-c-950)) var(--brand-hue) / 0.90);
	--color-primary: var(--color-primary-500);

	/* Semantic colors. */
	--color-green-50: var(--color-primary-50);
	--color-green-100: var(--color-primary-100);
	--color-green-200: var(--color-primary-200);
	--color-green-300: var(--color-primary-300);
	--color-green-400: var(--color-primary-400);
	--color-green-500: var(--color-primary-500);
	--color-green-600: var(--color-primary-600);
	--color-green-700: var(--color-primary-700);
	--color-green-800: var(--color-primary-800);
	--color-green-900: var(--color-primary-900);
	--color-green-950: var(--color-primary-950);
	--color-green: var(--color-green-500);

	--dark-yellow-c: 0.1706;
	--color-yellow-50: oklch(var(--dark-l-50) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-50)) var(--yellow-hue) / 0.90);
	--color-yellow-100: oklch(var(--dark-l-100) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-100)) var(--yellow-hue) / 0.90);
	--color-yellow-200: oklch(var(--dark-l-200) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-200)) var(--yellow-hue) / 0.90);
	--color-yellow-300: oklch(var(--dark-l-300) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-300)) var(--yellow-hue) / 0.90);
	--color-yellow-400: oklch(var(--dark-l-400) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-400)) var(--yellow-hue) / 0.90);
	--color-yellow-500: oklch(var(--dark-l-500) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-500)) var(--yellow-hue));
	--color-yellow-600: oklch(var(--dark-l-600) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-600)) var(--yellow-hue) / 0.90);
	--color-yellow-700: oklch(var(--dark-l-700) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-700)) var(--yellow-hue) / 0.90);
	--color-yellow-800: oklch(var(--dark-l-800) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-800)) var(--yellow-hue) / 0.90);
	--color-yellow-900: oklch(var(--dark-l-900) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-900)) var(--yellow-hue) / 0.90);
	--color-yellow-950: oklch(var(--dark-l-950) calc(var(--dark-yellow-c) * var(--dark-chroma-scale) * var(--dark-c-950)) var(--yellow-hue) / 0.90);
	--color-yellow: var(--color-yellow-500);

	--dark-blue-c: 0.1405;
	--color-blue-50: oklch(var(--dark-l-50) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-50)) var(--blue-hue) / 0.90);
	--color-blue-100: oklch(var(--dark-l-100) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-100)) var(--blue-hue) / 0.90);
	--color-blue-200: oklch(var(--dark-l-200) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-200)) var(--blue-hue) / 0.90);
	--color-blue-300: oklch(var(--dark-l-300) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-300)) var(--blue-hue) / 0.90);
	--color-blue-400: oklch(var(--dark-l-400) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-400)) var(--blue-hue) / 0.90);
	--color-blue-500: oklch(var(--dark-l-500) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-500)) var(--blue-hue));
	--color-blue-600: oklch(var(--dark-l-600) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-600)) var(--blue-hue) / 0.90);
	--color-blue-700: oklch(var(--dark-l-700) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-700)) var(--blue-hue) / 0.90);
	--color-blue-800: oklch(var(--dark-l-800) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-800)) var(--blue-hue) / 0.90);
	--color-blue-900: oklch(var(--dark-l-900) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-900)) var(--blue-hue) / 0.90);
	--color-blue-950: oklch(var(--dark-l-950) calc(var(--dark-blue-c) * var(--dark-chroma-scale) * var(--dark-c-950)) var(--blue-hue) / 0.90);
	--color-blue: var(--color-blue-500);

	--dark-red-c: 0.2281;
	--color-red-50: oklch(var(--dark-l-50) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-50)) var(--red-hue) / 0.90);
	--color-red-100: oklch(var(--dark-l-100) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-100)) var(--red-hue) / 0.90);
	--color-red-200: oklch(var(--dark-l-200) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-200)) var(--red-hue) / 0.90);
	--color-red-300: oklch(var(--dark-l-300) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-300)) var(--red-hue) / 0.90);
	--color-red-400: oklch(var(--dark-l-400) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-400)) var(--red-hue) / 0.90);
	--color-red-500: oklch(var(--dark-l-500) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-500)) var(--red-hue));
	--color-red-600: oklch(var(--dark-l-600) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-600)) var(--red-hue) / 0.90);
	--color-red-700: oklch(var(--dark-l-700) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-700)) var(--red-hue) / 0.90);
	--color-red-800: oklch(var(--dark-l-800) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-800)) var(--red-hue) / 0.90);
	--color-red-900: oklch(var(--dark-l-900) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-900)) var(--red-hue) / 0.90);
	--color-red-950: oklch(var(--dark-l-950) calc(var(--dark-red-c) * var(--dark-chroma-scale) * var(--dark-c-950)) var(--red-hue) / 0.90);
	--color-red: var(--color-red-500);

	--dark-orange-c: 0.1756;
	--color-orange-50: oklch(var(--dark-l-50) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-50)) var(--orange-hue) / 0.90);
	--color-orange-100: oklch(var(--dark-l-100) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-100)) var(--orange-hue) / 0.90);
	--color-orange-200: oklch(var(--dark-l-200) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-200)) var(--orange-hue) / 0.90);
	--color-orange-300: oklch(var(--dark-l-300) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-300)) var(--orange-hue) / 0.90);
	--color-orange-400: oklch(var(--dark-l-400) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-400)) var(--orange-hue) / 0.90);
	--color-orange-500: oklch(var(--dark-l-500) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-500)) var(--orange-hue));
	--color-orange-600: oklch(var(--dark-l-600) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-600)) var(--orange-hue) / 0.90);
	--color-orange-700: oklch(var(--dark-l-700) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-700)) var(--orange-hue) / 0.90);
	--color-orange-800: oklch(var(--dark-l-800) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-800)) var(--orange-hue) / 0.90);
	--color-orange-900: oklch(var(--dark-l-900) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-900)) var(--orange-hue) / 0.90);
	--color-orange-950: oklch(var(--dark-l-950) calc(var(--dark-orange-c) * var(--dark-chroma-scale) * var(--dark-c-950)) var(--orange-hue) / 0.90);
	--color-orange: var(--color-orange-500);

	--color-text-white: oklch(1 0 0 / 0.90);
	--color-text-black: oklch(1 0 0 / 0.9);
	--color-text-gray: oklch(0.85 0.0072 var(--gray-hue) / 0.9);
	--color-text-gray-light: oklch(0.7 0.0072 var(--gray-hue) / 0.9);

	/* Gray chroma and hue tokens. */
	--gray-hue: var(--yellow-hue);

	/* Neutral/app tokens. */
	--color-white: oklch(0.234 0.0095 var(--gray-hue));
	--color-gray: oklch(0.497 0.0165 var(--gray-hue));
	--color-gray-50: oklch(0.184 0.01 var(--gray-hue));
	--color-gray-100: oklch(0.3 0.012 var(--gray-hue));
	--color-gray-200: oklch(0.34 0.0147 var(--gray-hue));
	--color-gray-300: oklch(0.37 0.0165 var(--gray-hue));
	--color-gray-400: oklch(0.45 0.0145 var(--gray-hue));
	--color-gray-500: oklch(0.850 0.0106 var(--gray-hue));
	--color-gray-600: oklch(0.894 0.007 var(--gray-hue));
	--color-gray-700: oklch(0.924 0.0052 var(--gray-hue));
	--color-gray-800: oklch(0.9752 0.0017 var(--gray-hue));
	--color-gray-900: oklch(0.9773 0 var(--gray-hue));
	--color-gray-950: oklch(0.99 0.01 var(--gray-hue));
}
