/**
 * Legacy CC-branded color palette (business-frontend-astro and pre-Fuse
 * carscommerce-era content)
 *
 * Hand-declared here, matching WordPress core's own generated preset
 * variable/class format exactly (--wp--preset--color--{slug} plus
 * .has-{slug}-color / -background-color / -border-color), rather than
 * registered via theme.json's settings.color.palette.
 *
 * Why not theme.json: anything in that palette array is also what
 * populates the block editor's "Theme" color picker (WordPress core's
 * useMultipleOriginColorsAndGradients reads color.palette.theme directly —
 * there's no settings-level way to keep an entry generating its CSS
 * without also showing it in that picker). Declaring the same output by
 * hand here keeps old content (.has-cc-purple-color, etc.) working without
 * surfacing these as options for new content.
 * See docs/adr/0003-custom-grouped-color-palette-and-legacy-colors.md.
 */

:root {
	--wp--preset--color--cc-dark-purple: #2A0A3D;
	--wp--preset--color--cc-purple: var(--Purple-80);
	--wp--preset--color--cc-dark-purple---tint: #47265E;
	--wp--preset--color--cc-orchid: #A74DCE;
	--wp--preset--color--cc-lilac: var(--Purple-40);
	--wp--preset--color--cc-lilac---tint: var(--Purple-10);
	--wp--preset--color--cc-orange: #EA7603;
	--wp--preset--color--cc-blue: #0093C5;
	--wp--preset--color--cc-dark-silver: #6E7898;
	--wp--preset--color--cc-silver: #C0C6D6;
	--wp--preset--color--cc-light-silver: #E6E9EF;
	--wp--preset--color--cc-black: #261630;
	--wp--preset--color--true-black: #000000;
	--wp--preset--color--white: var(--White);
}

.has-cc-dark-purple-color { color: var(--wp--preset--color--cc-dark-purple) !important; }
.has-cc-dark-purple-background-color { background-color: var(--wp--preset--color--cc-dark-purple) !important; }
.has-cc-dark-purple-border-color { border-color: var(--wp--preset--color--cc-dark-purple) !important; }
.has-cc-purple-color { color: var(--wp--preset--color--cc-purple) !important; }
.has-cc-purple-background-color { background-color: var(--wp--preset--color--cc-purple) !important; }
.has-cc-purple-border-color { border-color: var(--wp--preset--color--cc-purple) !important; }
.has-cc-dark-purple---tint-color { color: var(--wp--preset--color--cc-dark-purple---tint) !important; }
.has-cc-dark-purple---tint-background-color { background-color: var(--wp--preset--color--cc-dark-purple---tint) !important; }
.has-cc-dark-purple---tint-border-color { border-color: var(--wp--preset--color--cc-dark-purple---tint) !important; }
.has-cc-orchid-color { color: var(--wp--preset--color--cc-orchid) !important; }
.has-cc-orchid-background-color { background-color: var(--wp--preset--color--cc-orchid) !important; }
.has-cc-orchid-border-color { border-color: var(--wp--preset--color--cc-orchid) !important; }
.has-cc-lilac-color { color: var(--wp--preset--color--cc-lilac) !important; }
.has-cc-lilac-background-color { background-color: var(--wp--preset--color--cc-lilac) !important; }
.has-cc-lilac-border-color { border-color: var(--wp--preset--color--cc-lilac) !important; }
.has-cc-lilac---tint-color { color: var(--wp--preset--color--cc-lilac---tint) !important; }
.has-cc-lilac---tint-background-color { background-color: var(--wp--preset--color--cc-lilac---tint) !important; }
.has-cc-lilac---tint-border-color { border-color: var(--wp--preset--color--cc-lilac---tint) !important; }
.has-cc-orange-color { color: var(--wp--preset--color--cc-orange) !important; }
.has-cc-orange-background-color { background-color: var(--wp--preset--color--cc-orange) !important; }
.has-cc-orange-border-color { border-color: var(--wp--preset--color--cc-orange) !important; }
.has-cc-blue-color { color: var(--wp--preset--color--cc-blue) !important; }
.has-cc-blue-background-color { background-color: var(--wp--preset--color--cc-blue) !important; }
.has-cc-blue-border-color { border-color: var(--wp--preset--color--cc-blue) !important; }
.has-cc-dark-silver-color { color: var(--wp--preset--color--cc-dark-silver) !important; }
.has-cc-dark-silver-background-color { background-color: var(--wp--preset--color--cc-dark-silver) !important; }
.has-cc-dark-silver-border-color { border-color: var(--wp--preset--color--cc-dark-silver) !important; }
.has-cc-silver-color { color: var(--wp--preset--color--cc-silver) !important; }
.has-cc-silver-background-color { background-color: var(--wp--preset--color--cc-silver) !important; }
.has-cc-silver-border-color { border-color: var(--wp--preset--color--cc-silver) !important; }
.has-cc-light-silver-color { color: var(--wp--preset--color--cc-light-silver) !important; }
.has-cc-light-silver-background-color { background-color: var(--wp--preset--color--cc-light-silver) !important; }
.has-cc-light-silver-border-color { border-color: var(--wp--preset--color--cc-light-silver) !important; }
.has-cc-black-color { color: var(--wp--preset--color--cc-black) !important; }
.has-cc-black-background-color { background-color: var(--wp--preset--color--cc-black) !important; }
.has-cc-black-border-color { border-color: var(--wp--preset--color--cc-black) !important; }
.has-true-black-color { color: var(--wp--preset--color--true-black) !important; }
.has-true-black-background-color { background-color: var(--wp--preset--color--true-black) !important; }
.has-true-black-border-color { border-color: var(--wp--preset--color--true-black) !important; }
.has-white-color { color: var(--wp--preset--color--white) !important; }
.has-white-background-color { background-color: var(--wp--preset--color--white) !important; }
.has-white-border-color { border-color: var(--wp--preset--color--white) !important; }
