:root {
	/* Couleurs principales */
	--portfolios-color-bg-main: #fafafa;
	--portfolios-color-bg-dark: #000000;
	--portfolios-color-bg-light: #ffffff;
	--portfolios-color-primary: #191919;
	--portfolios-color-secondary: #eaeaea;
	--portfolios-color-accent: #007bff;
	--portfolios-color-border: #dee2e6;
	--portfolios-color-border-custom: #cccccc;
	--portfolios-heading-primary-color: #191919;
	--portfolios-heading-secondary-color: #007bff;
	--portfolios-color-one: var(--portfolios-heading-primary-color);
	--portfolios-color-two: var(--portfolios-heading-secondary-color);

	/* Radius */
	--portfolios-border-radius-xs: 2px;
	--portfolios-border-radius-s: 5px;
	--portfolios-border-radius-m: 8px;
	--portfolios-border-radius-l: 15px;
	--portfolios-border-radius-xl: 50px;
	--portfolios-border-radius-full: 50%;

	/* Ombres */
	--portfolios-box-shadow-s: 0 0 0 0.2rem rgba(0,0,0,0.08);
	--portfolios-box-shadow-m: 0px 2px 28px 0px var(--portfolios-color-border-custom);
	--portfolios-box-shadow-alt: 0px 0px 0px 3px var(--portfolios-color-border-custom);

	/* Fontes */
	--portfolios-font-size-base: 16px;
	--portfolios-heading-primary-size: 1.8em;
	--portfolios-heading-secondary-size: 1.2em;
	--portfolios-font-size-title: var(--portfolios-heading-primary-size);
	--portfolios-font-size-subtitle: var(--portfolios-heading-secondary-size);
	--portfolios-font-size-lg: 1.5em;
	--portfolios-font-size-md: 1.2em;
	--portfolios-font-size-sm: 0.8em;
	--portfolios-font-family-base: 'Poppins', Arial, sans-serif;
	--portfolios-font-family-serif: 'Spectral', serif;
	--portfolios-font-family-accent: 'Abril Fatface', cursive;
	--portfolios-font-weight-normal: 400;
	--portfolios-font-weight-bold: 700;
	--portfolios-line-height-base: 1.5;
	--portfolios-letter-spacing: 0.4px;

	/* Divers */
	/* z-index variables removed for centralization */
	--portfolios-opacity-disabled: 0.4;
	--portfolios-gap: 20px;
	--portfolios-padding-base: 15px;
	--portfolios-margin-base: 15px;
}

/* Utilitaires radius (custom properties injectées aussi dans style.php) */
.portfolios-thumbnail-radius {
	border-radius: var(--portfolios-thumbnail-radius, 0%);
}
.portfolios-button-radius {
	border-radius: var(--portfolios-button-radius, 0px);
}
.portfolios-nav-links-radius {
	border-radius: var(--portfolios-nav-links-radius, 8px);
}
.portfolios-border-radius-xs {
	border-radius: var(--portfolios-border-radius-xs);
}
.portfolios-border-radius-s {
	border-radius: var(--portfolios-border-radius-s);
}
.portfolios-border-radius-m {
	border-radius: var(--portfolios-border-radius-m);
}
.portfolios-border-radius-l {
	border-radius: var(--portfolios-border-radius-l);
}
.portfolios-border-radius-xl {
	border-radius: var(--portfolios-border-radius-xl);
}
.portfolios-border-radius-full {
	border-radius: var(--portfolios-border-radius-full);
}