:root {
	/* QLC Primary Brand Colors */
	--purple: #694C8D;
	--purple-dark: #4C3868;
	--lime: #CDDB6F;
	--lime-deep: #96AC2E;
	--pink: #D25997;
	--pink-deep: #B93E79;
	--sage: #A8B283;
	--sage-deep: #7C8A56;
	--green: #A3C95C;
	--green-deep: #6E9C34;
	--blue: #689CDF;
	--blue-deep: #3E72B0;
	--brown: #6C5233;
	--gold: #96882F;
	--terracotta: #D36447;
	--terracotta-deep: #B44E33;
	--orange: #EBA152;
	--orange-deep: #C97F2E;
	--cream: #FEFCF6;
	--ink: #2E2A26;
	--ink-soft: #6E6459;

	/* System Theme Mappings */
	--bg_base: var(--cream);
	--bg_basedark: #1e1a24;
	--bg_white: #ffffff;
	--bg_black: var(--ink);
	--bg_blackcalm: var(--ink-soft);
	--bg_silver: #ebe6df;
	--bg_silvercalm: #f5f1eb;
	--bg_silversoft: #faf7f2;
	--bg_silverdark: #d5cfc5;
	--bg_line: #e8e3dc;

	/* Legacy Component Color Adapters (mapped to QLC palette) */
	--bg_red: var(--purple);
	--bg_redmain: var(--purple-dark);
	--bg_redsoft: var(--pink);
	--bg_reddark: var(--purple-dark);
	--bg_redblack: #342549;
	--bg_redline: var(--purple);
	--bg_pink: rgba(210, 89, 151, 0.16);
	--bg_pinksoft: rgba(210, 89, 151, 0.08);
	--bg_pinkcalm: #faf3f6;

	--bg_alert_green: var(--green-deep);
	--bg_alert_orange: var(--orange-deep);
	--bg_alert_red: var(--terracotta-deep);
	--bg_alert_red_calm: #fde8e4;

	--text_black: var(--ink);
	--text_white: #ffffff;
	--text_silver: #8e8478;
	--text_green: var(--green-deep);
	--text_purple: var(--purple);
	--text_red: var(--purple);
	--text_link: var(--purple);

	--shadow: 0 10px 24px rgba(46, 42, 38, 0.08);
	--shadow-card: 0 14px 32px rgba(46, 42, 38, 0.08);
	--shadow-card-hover: 0 20px 40px rgba(46, 42, 38, 0.14);
	--shadow-purple: 0 10px 24px rgba(105, 76, 141, 0.32);
	--shadow-purple-hover: 0 14px 30px rgba(105, 76, 141, 0.42);
	--transition: all 0.25s ease;
}