$purple-50: var(--purple-50);
$purple-100: var(--purple-100);
$purple-200: var(--purple-200);
$purple-300: var(--purple-300);
$purple-400: var(--purple-400);
$purple-500: var(--purple-500);
$purple-600: var(--purple-600);
$purple-700: var(--purple-700);
$purple-800: var(--purple-800);
$purple-900: var(--purple-900);

$green-50: var(--green-50);
$green-100: var(--green-100);
$green-200: var(--green-200);
$green-300: var(--green-300);
$green-400: var(--green-400);
$green-500: var(--green-500);
$green-600: var(--green-600);
$green-700: var(--green-700);
$green-800: var(--green-800);
$green-900: var(--green-900);

$color-success: var(--color-success);
$color-danger: var(--color-danger);
$color-warning: var(--color-warning);

$color-primary: var(--color-primary);
$color-secondary: var(--color-secondary);
$color-white: var(--color-white);
$color-black: var(--color-black);
$accent-solid-start: var(--accent-solid-start);
$accent-solid-end: var(--accent-solid-end);
$accent-foreground: var(--accent-foreground);
$accent-shadow: var(--accent-shadow);
$accent-shadow-hover: var(--accent-shadow-hover);

$header-height: var(--header-height);
$text-primary: var(--text-primary);
$text-secondary: var(--text-secondary);
$text-tertiary: var(--text-tertiary);

$bg-default: var(--bg-default);
$bg-surface: var(--bg-surface);
$bg-canvas: var(--bg-canvas);
$bg-hover: var(--bg-hover);

$border-default: var(--border-default);
$border-subtle: var(--border-subtle);

$shadow-sm: var(--shadow-sm);
$shadow-md: var(--shadow-md);
$shadow-lg: var(--shadow-lg);

$radius-sm: var(--radius-sm);
$radius-md: var(--radius-md);
$radius-lg: var(--radius-lg);

$duration-fast: var(--duration-fast);
$duration-normal: var(--duration-normal);
$duration-slow: var(--duration-slow);
$ease-out: var(--ease-out);
$ease-in-out: var(--ease-in-out);
