/**
 * CFA Theme design tokens — classic source of truth.
 *
 * Enqueued on all frontends and injected into the block editor canvas via
 * add_editor_style(). theme.json palette values and WP/plugin consumers
 * (e.g. WS Form) should reference these tokens or the preset aliases below.
 *
 * Edit colors here first; keep theme.json palette vars in sync.
 *
 * @package cfa_theme
 */

:root {
	/* Classic design tokens — source of truth */
	--primary: #ffaa00;
	--primary_light: #ddddff;
	--primary_dark: #8b5d00;
	--primary_bg: #6f6f80;
	--secondary: #c1272d;
	--accent: #ddddff;
	--text: #24262f;
	--dark: #21282c;
	--dark_2: #23262f;
	--form_label: #12284C;
	--white: #ffffff;
	--light: #f2f2f2;
	--light_bg: #FCFCFD;
	--form_bg: #f2f2f2;
	--gray: #777E90;
	--gray_2: #777E90;
	--form_placeholder: #808285;
	--form_invalid: #FF715B;

	/*
	 * WP / plugin preset aliases (theme.json slugs use underscores;
	 * custom properties use hyphens). Classic CPT fronts dequeue full
	 * global-styles — these aliases keep --wp--preset--color-* available.
	 */
	--wp--preset--color--primary: var(--primary);
	--wp--preset--color--primary-light: var(--primary_light);
	--wp--preset--color--primary-dark: var(--primary_dark);
	--wp--preset--color--primary-bg: var(--primary_bg);
	--wp--preset--color--secondary: var(--secondary);
	--wp--preset--color--accent: var(--accent);
	--wp--preset--color--body: var(--text);
	--wp--preset--color--dark: var(--dark);
	--wp--preset--color--dark-2: var(--dark_2);
	--wp--preset--color--form-label: var(--form_label);
	--wp--preset--color--white: var(--white);
	--wp--preset--color--light: var(--light);
	--wp--preset--color--light-bg: var(--light_bg);
	--wp--preset--color--form-bg: var(--form_bg);
	--wp--preset--color--gray: var(--gray);
	--wp--preset--color--gray-2: var(--gray_2);
	--wp--preset--color--form-placeholder: var(--form_placeholder);
	--wp--preset--color--form-invalid: var(--form_invalid);
}