:root {
	/* Primary */
	--color-primary: #ff5a1f;
	--color-primary-hover: #e14a16;
	--color-primary-dark: #b93812;

	/* Accent */
	--color-accent: #f5c542;
	--color-accent-dark: #d4a72c;
	--color-accent-light: #ffd56a;

	/* Dark */
	--color-dark-1: #111318;
	--color-dark-2: #1a1d23;
	--color-dark-3: #23262d;
	--color-dark-4: #23262d;

	/* Light */
	--color-light-1: #f8f7f5;
	--color-light-2: #ffffff;
	--color-light-3: #e7e5e4;
	--color-border: #e7e5e4;

	/* Text */
	--color-text-strong: #111113;
	--color-text-body: #4b4f58;
	--color-text-muted: #8b8f98;
	--color-text-inverse: #f5f5f5;

	/* Status */
	--color-success: #22c55e;
	--color-warning: #f59e0b;
	--color-error: #ef4444;
	--color-info: #3b82f6;

	/* Compatibility aliases */
	--primary: var(--color-primary);
	--primary-hover: var(--color-primary-hover);
	--primary-dark: var(--color-primary-dark);
	--secondary: var(--color-dark-4);
}