/* Colors and font families are defined once in theme.json (the FSE source of
   truth) and re-exposed here under the --dc-* names theme.css already uses,
   so there's a single place — theme.json — to change a palette value. */
:root {
	/* Greens */
	--dc-green-900: var(--wp--preset--color--green-900);
	--dc-green-700: var(--wp--preset--color--green-700);
	--dc-green-500: var(--wp--preset--color--green-500);
	--dc-green-300: var(--wp--preset--color--green-300);
	--dc-green-100: var(--wp--preset--color--green-100);
	--dc-green-50:  var(--wp--preset--color--green-50);

	/* Navy */
	--dc-navy-900: var(--wp--preset--color--navy-900);
	--dc-navy-700: var(--wp--preset--color--navy-700);
	--dc-navy-500: var(--wp--preset--color--navy-500);

	/* Neutrals */
	--dc-gray-900: var(--wp--preset--color--gray-900);
	--dc-gray-700: var(--wp--preset--color--gray-700);
	--dc-gray-500: var(--wp--preset--color--gray-500);
	--dc-gray-300: var(--wp--preset--color--gray-300);
	--dc-gray-100: var(--wp--preset--color--gray-100);
	--dc-gray-50:  var(--wp--preset--color--gray-50);
	--dc-white:    var(--wp--preset--color--white);

	/* Accent */
	--dc-coral-500:  var(--wp--preset--color--coral-500);
	--dc-amber-500:  var(--wp--preset--color--amber-500);
	--dc-burgundy-500: var(--wp--preset--color--burgundy-500);
	/* Adăugate 2026-08-30 pentru codarea pe concept a iconițelor (vezi
	   .dc-accent--* din theme.css). Coral (3,00:1) și amber (2,37:1) nu puteau
	   fi folosite: pică pragul de 3:1 pentru grafică non-text. Indigo 6,71:1,
	   bronz 5,47:1, ambele pe alb. */
	--dc-indigo-500: var(--wp--preset--color--indigo-500);
	--dc-bronze-500: var(--wp--preset--color--bronze-500);

	/* Semantic */
	--dc-success:    var(--wp--preset--color--success);
	--dc-error:      var(--wp--preset--color--error);

	/* Radii */
	--dc-r-sm: 4px;
	--dc-r-md: 8px;
	--dc-r-lg: 16px;
	--dc-r-full: 9999px;

	/* Shadows */
	--dc-sh-sm: 0 1px 2px rgba(10,31,61,.05);
	--dc-sh-md: 0 4px 12px rgba(10,31,61,.08);
	--dc-sh-lg: 0 12px 32px rgba(10,31,61,.12);

	/* Type */
	--dc-font-display: var(--wp--preset--font-family--display);
	--dc-font-body: var(--wp--preset--font-family--body);
	--dc-font-mono: var(--wp--preset--font-family--mono);

	/* Section spacing */
	--dc-sp-section-y: 64px;
	--dc-sp-section-y-sm: 48px;
	--dc-sp-container-x: 40px;
	--dc-sp-container-x-sm: 16px;
	--dc-sp-card-padding: 24px;
	--dc-sp-card-padding-lg: 32px;
}