/**
 * Fuse Figma color-scale tokens (Light mode)
 *
 * Raw scale values exported from Figma Dev Mode variables, not part of
 * the shipped @carsdotcom/epiphany package. Uses the Figma naming
 * convention (capitalized family + step, e.g. --Sky-60) rather than Fuse's
 * private-primitive convention (--fuse-_color-sky-60) since these families
 * don't exist upstream yet — see docs/adr/0001-coexisting-figma-and-fuse-token-conventions.md.
 *
 * Each variable is declared twice: a hex fallback first, then an oklch()
 * override. Browsers that don't support oklch() (pre-Chrome 111/Safari
 * 16.4/Firefox 113) simply ignore the second declaration and keep the hex
 * value — see docs/adr/0002-local-token-override-stylesheet.md.
 *
 * Source of truth is the Figma JSON export (Light mode.tokens.json) for every
 * value except three: TealSky-05, Sky-95, and Purple-95 only exist in a
 * separate rendered reference chart the user also provided, not in the JSON
 * export itself — included here on request despite that, so treat those
 * three specifically as chart-sourced rather than JSON-verified if a
 * discrepancy ever surfaces. (Sky-110, and the chart's differing Teal-50,
 * were NOT requested and remain excluded.)
 *
 * This file must be kept in sync by hand with the copy in
 * cars-b2b-wp-business-astro-frontend (backend/src/styles/fuse-figma-tokens.css).
 * Deliberately not a shared npm package or symlink — one owner, low change
 * frequency, two unrelated build systems (WP plugin vs. pnpm/Astro) — see
 * docs/adr/0002-local-token-override-stylesheet.md. If you're editing one
 * copy, edit the other too.
 */

:root {
	/* TealSky (chart-only, see note above) */
	--TealSky-05: #EFF8FC;
	--TealSky-05: oklch(97.35% 0.0110 225.98);

	/* Sky */
	--Sky-10: #E6F1FE;
	--Sky-10: oklch(95.37% 0.0211 252.50);
	--Sky-20: #C7E0FF;
	--Sky-20: oklch(89.82% 0.0504 253.90);
	--Sky-30: #9CC4FC;
	--Sky-30: oklch(81.19% 0.0905 256.85);
	--Sky-40: #6AABF6;
	--Sky-40: oklch(72.91% 0.1286 253.05);
	--Sky-50: #3996F9;
	--Sky-50: oklch(66.69% 0.1706 253.04);
	--Sky-60: #1B82EE;
	--Sky-60: oklch(61.01% 0.1849 254.50);
	--Sky-70: #0D6BC9;
	--Sky-70: oklch(53.21% 0.1661 254.49);
	--Sky-80: #0A56A3;
	--Sky-80: oklch(45.65% 0.1415 254.49);
	--Sky-90: #08407D;
	--Sky-90: oklch(37.55% 0.1168 255.18);
	--Sky-95: #0A2B59;
	--Sky-95: oklch(29.53% 0.0912 257.89);
	--Sky-100: #031A35;
	--Sky-100: oklch(21.72% 0.0607 253.72);

	/* Teal */
	--Teal-10: #E6F4F5;
	--Teal-10: oklch(95.70% 0.0149 202.05);
	--Teal-20: #CCE9EB;
	--Teal-20: oklch(91.36% 0.0306 201.71);
	--Teal-30: #99D3D8;
	--Teal-30: oklch(82.89% 0.0597 202.77);
	--Teal-40: #66BCC4;
	--Teal-40: oklch(74.44% 0.0839 203.40);
	--Teal-50: #03A0AB;
	--Teal-50: oklch(64.34% 0.1092 203.48);
	--Teal-60: #00909D;
	--Teal-60: oklch(59.66% 0.1021 206.01);
	--Teal-70: #00737E;
	--Teal-70: oklch(50.75% 0.0869 206.41);
	--Teal-80: #00565E;
	--Teal-80: oklch(41.37% 0.0707 205.71);
	--Teal-90: #003A3F;
	--Teal-90: oklch(31.78% 0.0542 204.28);
	--Teal-100: #001D1F;
	--Teal-100: oklch(20.99% 0.0357 201.16);

	/* Purple */
	--Purple-10: #F5EEFC;
	--Purple-10: oklch(95.86% 0.0200 308.23);
	--Purple-20: #EADDFA;
	--Purple-20: oklch(91.67% 0.0413 305.78);
	--Purple-30: #D5BAF5;
	--Purple-30: oklch(83.15% 0.0859 305.44);
	--Purple-40: #C098EF;
	--Purple-40: oklch(74.87% 0.1286 304.62);
	--Purple-50: #B072F9;
	--Purple-50: oklch(67.62% 0.1967 302.68);
	--Purple-60: #9653E5;
	--Purple-60: oklch(59.22% 0.2123 301.24);
	--Purple-70: #7740B6;
	--Purple-70: oklch(49.91% 0.1792 301.62);
	--Purple-80: #65299D;
	--Purple-80: oklch(42.96% 0.1774 303.14);
	--Purple-90: #482077;
	--Purple-90: oklch(35.11% 0.1403 300.22);
	--Purple-95: #331953;
	--Purple-95: oklch(28.40% 0.1013 300.70);
	--Purple-100: #1E112E;
	--Purple-100: oklch(21.20% 0.0569 302.52);

	/* Grey */
	--Grey-05: #F7F8F7;
	--Grey-05: oklch(97.81% 0.0017 145.56);
	--Grey-10: #F0F2F1;
	--Grey-10: oklch(95.93% 0.0025 165.07);
	--Grey-20: #E0E4E3;
	--Grey-20: oklch(91.55% 0.0045 179.73);
	--Grey-30: #C2C9C8;
	--Grey-30: oklch(83.02% 0.0078 186.85);
	--Grey-40: #A3AEAC;
	--Grey-40: oklch(74.15% 0.0127 183.95);
	--Grey-50: #859391;
	--Grey-50: oklch(65.14% 0.0164 186.45);
	--Grey-60: #667875;
	--Grey-60: oklch(55.71% 0.0218 184.40);
	--Grey-70: #52605E;
	--Grey-70: oklch(47.65% 0.0175 186.14);
	--Grey-80: #3D4846;
	--Grey-80: oklch(39.11% 0.0146 183.39);
	--Grey-90: #29302F;
	--Grey-90: oklch(30.21% 0.0099 186.25);
	--Grey-100: #141817;
	--Grey-100: oklch(20.44% 0.0064 178.94);

	/* Beige */
	--Beige-10: #F2F1EF;
	--Beige-10: oklch(95.84% 0.0029 84.56);
	--Beige-20: #E5E3DF;
	--Beige-20: oklch(91.63% 0.0058 84.57);
	--Beige-30: #CAC8BF;
	--Beige-30: oklch(83.18% 0.0125 96.45);
	--Beige-40: #B0AC9F;
	--Beige-40: oklch(74.40% 0.0188 92.74);
	--Beige-50: #95917F;
	--Beige-50: oklch(65.49% 0.0263 96.73);
	--Beige-60: #7B755F;
	--Beige-60: oklch(56.16% 0.0333 94.56);
	--Beige-70: #625E4C;
	--Beige-70: oklch(48.03% 0.0282 96.90);
	--Beige-80: #4A4639;
	--Beige-80: oklch(39.40% 0.0217 92.93);
	--Beige-90: #312F26;
	--Beige-90: oklch(30.42% 0.0158 96.84);
	--Beige-100: #191713;
	--Beige-100: oklch(20.54% 0.0083 84.58);

	/* Mint */
	--Mint-10: #E3F4F1;
	--Mint-10: oklch(95.37% 0.0183 184.26);
	--Mint-20: #C6EAE3;
	--Mint-20: oklch(90.93% 0.0387 182.36);
	--Mint-30: #8CD4C6;
	--Mint-30: oklch(81.84% 0.0749 180.75);
	--Mint-40: #4FBDA8;
	--Mint-40: oklch(72.89% 0.1054 178.56);
	--Mint-50: #21A38A;
	--Mint-50: oklch(64.27% 0.1131 175.77);
	--Mint-60: #2C8474;
	--Mint-60: oklch(55.68% 0.0864 178.54);
	--Mint-70: #23695C;
	--Mint-70: oklch(47.34% 0.0724 178.40);
	--Mint-80: #1A4F45;
	--Mint-80: oklch(38.93% 0.0583 178.39);
	--Mint-90: #12362F;
	--Mint-90: oklch(30.43% 0.0433 178.43);
	--Mint-100: #0A1F1B;
	--Mint-100: oklch(22.04% 0.0283 179.48);

	/* Rose */
	--Rose-10: #FEECF1;
	--Rose-10: oklch(95.88% 0.0205 358.68);
	--Rose-20: #FDDAE2;
	--Rose-20: oklch(91.97% 0.0401 2.46);
	--Rose-30: #FBB3C4;
	--Rose-30: oklch(83.88% 0.0862 3.55);
	--Rose-40: #F989A4;
	--Rose-40: oklch(75.88% 0.1383 5.51);
	--Rose-50: #F6587E;
	--Rose-50: oklch(67.96% 0.1940 9.37);
	--Rose-60: #DB335A;
	--Rose-60: oklch(59.22% 0.2028 13.22);
	--Rose-70: #BA123A;
	--Rose-70: oklch(50.63% 0.1944 17.20);
	--Rose-80: #8E0E2C;
	--Rose-80: oklch(41.68% 0.1579 16.66);
	--Rose-90: #630A1F;
	--Rose-90: oklch(32.49% 0.1197 15.31);
	--Rose-100: #3C0613;
	--Rose-100: oklch(23.54% 0.0823 12.68);

	/* Orange */
	--Orange-10: #FEEFE6;
	--Orange-10: oklch(96.15% 0.0203 53.26);
	--Orange-20: #FEE0CC;
	--Orange-20: oklch(92.62% 0.0427 55.80);
	--Orange-30: #FDC19A;
	--Orange-30: oklch(85.60% 0.0864 54.27);
	--Orange-40: #FBA167;
	--Orange-40: oklch(78.78% 0.1302 52.58);
	--Orange-50: #F16804;
	--Orange-50: oklch(67.74% 0.1892 46.04);
	--Orange-60: #C6530A;
	--Orange-60: oklch(58.30% 0.1632 44.90);
	--Orange-70: #A14001;
	--Orange-70: oklch(49.69% 0.1425 44.59);
	--Orange-80: #732E01;
	--Orange-80: oklch(39.32% 0.1094 46.21);
	--Orange-90: #471D00;
	--Orange-90: oklch(28.78% 0.0754 50.59);
	--Orange-100: #321400;
	--Orange-100: oklch(23.26% 0.0587 53.38);

	/* Alert (semantic, not a numbered scale) */
	--Alert-Success: #4CB155;
	--Alert-Success: oklch(67.90% 0.1606 145.17);
	--Alert-Warning: #FFEB4C;
	--Alert-Warning: oklch(92.95% 0.1711 101.98);
	--Alert-Error: #DE3121;
	--Alert-Error: oklch(58.78% 0.2106 29.93);

	/* Standalone tokens */
	--White: #FFFFFF;
	--White: oklch(100.00% 0.0000 89.88);
	--Black: #141817;
	--Black: oklch(20.44% 0.0064 178.94);
	--Primary-purple: #9653E5;
	--Primary-purple: oklch(59.22% 0.2123 301.24);

	/*
	 * Text gradients — from the Figma "Text Treatments (Dark & Light Mode)"
	 * component. "Light"/"Dark" here name which background the gradient is
	 * meant to sit on (deeper stops for a light background, brighter stops
	 * for a dark one), not a light/dark color-scheme toggle. Used by the
	 * cdcfuse/text-gradient-light and cdcfuse/text-gradient-dark RichText
	 * formats (src/text-gradient).
	 */
	--Text-Gradient-Light: linear-gradient(135deg, var(--Purple-60), var(--Sky-60), var(--Teal-50));
	--Text-Gradient-Dark: linear-gradient(135deg, var(--Purple-50), var(--Sky-50), var(--Teal-40));

	/*
	 * Background gradient — same Purple-60/Sky-60 stops as Text-Gradient-Light
	 * but only 2 stops, meant for `background`/`background-image` use (badges,
	 * pills, featured-column overlays), not `background-clip: text` fills.
	 */
	--Gradient-Featured: linear-gradient(135deg, var(--Purple-60), var(--Sky-60));
}