/**
 * Utilitaires style Tailwind — couche fine, tokens only.
 * Usage Elementor : champ « Classes CSS » / markup custom / shortcodes.
 */

@layer utilities {
	/* —— Text —— */
	.text-primary { color: var(--color-primary); }
	.text-secondary { color: var(--color-secondary); }
	.text-accent { color: var(--color-accent); }
	.text-urgence { color: var(--color-urgence); }
	.text-success { color: var(--color-success); }
	.text-inverse { color: var(--color-inverse); }
	.text-muted { color: var(--color-muted); }

	/* —— Background —— */
	.bg-primary { background-color: var(--color-primary); }
	.bg-accent { background-color: var(--color-accent); }
	.bg-urgence { background-color: var(--color-urgence); }
	.bg-success { background-color: var(--color-success); }
	.bg-inverse { background-color: var(--color-inverse); }
	.bg-surface { background-color: var(--color-surface); }
	.bg-dark { background-color: var(--color-bg-dark); }
	.bg-border-dark { background-color: var(--color-border-dark); }

	/* —— Border color —— */
	.border-accent { border-color: var(--color-accent); }
	.border-dark { border-color: var(--color-border-dark); }
	.border-light { border-color: var(--color-border); }
	.border-inverse { border-color: var(--color-inverse); }

	/* —— Font family —— */
	.font-display { font-family: var(--font-display); }
	.font-body { font-family: var(--font-body); }
	.font-mono { font-family: var(--font-mono); }

	/* —— Radius —— */
	.rounded-sm { border-radius: var(--radius-sm); }
	.rounded-md { border-radius: var(--radius-md); }
	.rounded-full { border-radius: var(--radius-full); }
}