/**
 * Design tokens from the Figma design system (Claude | Design System).
 * Components should use these rather than hard-coded values.
 */

:root {
	/* Colour */
	--emc-color-purple-100: #2b0950; /* Brand/Primary/Purple/100, Brand/Purple/Dark */
	--emc-color-purple-80: #8055f1; /* Brand/Primary/Purple/80 */
	--emc-color-purple-light: #e6e1fd; /* Brand/Purple/Light */
	--emc-color-purple-off: #f8f7ff; /* Brand/Purple/Off */
	--emc-color-white: #fff; /* UI/01/100, Text/Inverse */
	--emc-color-text-03: #948ba0; /* Text/03 */

	/* Typography */
	--emc-font-family: aeonik, sans-serif;
	--emc-font-weight-light: 300;
	--emc-font-weight-regular: 400;

	/* Motion */
	--emc-duration-fast: 0.2s;
	--emc-duration-base: 0.3s;
	--emc-duration-slow: 0.6s;
	--emc-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}