/**
 * Skills Practice Session - Light Theme
 *
 * CSS variables scoped to plugin containers for isolation from WordPress themes
 */

/* Scoped to plugin containers instead of :root for better isolation */
.erc-player,
.erc-dashboard,
.erc-mood-capture,
.erc-feedback,
.erc-consent-popup {
	/* Primary Colors */
	--erc-primary: #4F46E5;
	--erc-primary-dark: #4338CA;
	--erc-primary-light: #EEF2FF;

	/* Background Colors */
	--erc-bg-primary: #FFFFFF;
	--erc-bg-secondary: #F9FAFB;
	--erc-bg-hover: #F3F4F6;

	/* Text Colors */
	--erc-text-primary: #111827;
	--erc-text-secondary: #6B7280;

	/* Border & Shadow */
	--erc-border: #E5E7EB;
	--erc-shadow: rgba(0, 0, 0, 0.1);
}

/* Fallback for :root in case variables are used outside containers */
:root {
	--erc-primary: #4F46E5;
	--erc-primary-dark: #4338CA;
	--erc-primary-light: #EEF2FF;
	--erc-bg-primary: #FFFFFF;
	--erc-bg-secondary: #F9FAFB;
	--erc-bg-hover: #F3F4F6;
	--erc-text-primary: #111827;
	--erc-text-secondary: #6B7280;
	--erc-border: #E5E7EB;
	--erc-shadow: rgba(0, 0, 0, 0.1);
}