/**
 * Composants legacy (.ca-button, etc.) — couleurs via theme.json (presets FSE).
 */

:root {
	--ca-primary: var(--wp--preset--color--primary, #068fff);
	--ca-secondary: var(--wp--preset--color--secondary, #143340);
	--ca-light: var(--wp--preset--color--white, #ffffff);
	--ca-dark: var(--wp--preset--color--contrast, #143340);
}

.has-primary-theme-color-background-color {
	background-color: var(--ca-primary);
}

.has-secondary-theme-color-background-color {
	background-color: var(--ca-secondary);
}

.has-light-color-background-color {
	background-color: var(--ca-light);
}

.has-dark-color-background-color {
	background-color: var(--wp--preset--color--black, #000000);
}

.has-primary-theme-color-color {
	color: var(--ca-primary) !important;
}

.has-secondary-theme-color-color {
	color: var(--ca-secondary) !important;
}

.has-light-color-color {
	color: var(--ca-light) !important;
}

.has-dark-color-color {
	color: var(--wp--preset--color--black, #000000) !important;
}

body,
.ca-home-bg-right,
.os-nav {
	background-color: var(--ca-light);
}

.wp-block-button__link,
.ca-suggested-tag {
	border-radius: 2px;
}

.ca-formation-card-title,
.ca-cta-section-card,
body,
.ca-home-banner-right {
	color: var(--ca-secondary);
}

a {
	color: var(--ca-primary);
}

.ca-home-hero-wrapper,
.ca-tag,
.ca-bleed-container {
	color: var(--ca-light);
}

.recherche-wrapper div,
.ca-tag,
.ca-bleed,
.ca-bleed-container,
.ca-hr {
	background-color: var(--ca-primary);
}

#mobile-menu,
.nav-mobile {
	background-color: var(--ca-secondary);
}

.nav-mobile {
	border-bottom: 12px solid var(--ca-secondary);
}

.ca-button {
	display: inline-block;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 5px 0 rgba(20, 51, 64, 0.2);
	transition: border-color 400ms ease, background-color 400ms ease;
	text-align: center;
	text-decoration: none;
}

.ca-button.primary,
.ca-button.primary.outline:hover {
	background-color: var(--ca-primary);
	border-color: var(--ca-primary);
	color: var(--ca-light);
}

.ca-button.primary:hover {
	background-color: var(--ca-secondary);
	border-color: var(--ca-secondary);
}

.ca-button.primary.outline {
	background-color: transparent;
	color: var(--ca-primary);
}

.ca-button.secondary {
	background-color: var(--ca-secondary);
	border-color: var(--ca-secondary);
	color: var(--ca-light);
}

.ca-button.secondary:hover {
	background-color: var(--ca-primary);
	border-color: var(--ca-primary);
}

.ca-button.light {
	background-color: var(--ca-light);
	border-color: var(--ca-light);
	color: var(--ca-dark);
}

.ca-button.dark {
	background-color: var(--ca-dark);
	border-color: var(--ca-dark);
	color: var(--ca-light);
}

.bg-secondary {
	background-color: var(--ca-secondary);
	color: var(--ca-light);
}

.ca-blog-card-title {
	color: var(--ca-dark);
}

.wp-block-button__link {
	padding: 10px;
	font-size: 16px;
}