:root {
--radius-radius-none: var(--spacing-0-px);
--radius-radius-2: var(--spacing-2-px);
--radius-radius-4: var(--spacing-4-px);
--radius-radius-6: var(--spacing-6-px);
--radius-radius-8: var(--spacing-8-px);
--radius-radius-12: var(--spacing-12-px);
--radius-radius-16: var(--spacing-16-px);
--radius-radius-20: var(--spacing-20-px);
--radius-radius-24: var(--spacing-24-px);
--radius-radius-32: var(--spacing-32-px);
--radius-radius-40: var(--spacing-40-px);
--radius-radius-full: 99px;
--spacing-spacing-none: var(--spacing-0-px);
--spacing-spacing-2: var(--spacing-2-px);
--spacing-spacing-4: var(--spacing-4-px);
--spacing-spacing-6: var(--spacing-6-px);
--spacing-spacing-8: var(--spacing-8-px);
--spacing-spacing-12: var(--spacing-12-px);
--spacing-spacing-16: var(--spacing-16-px);
--spacing-spacing-20: var(--spacing-20-px);
--spacing-spacing-24: var(--spacing-24-px);
--spacing-spacing-32: var(--spacing-32-px);
--spacing-spacing-40: var(--spacing-40-px);
--spacing-spacing-48: var(--spacing-48-px);
--spacing-spacing-64: var(--spacing-64-px);
--spacing-spacing-80: var(--spacing-80-px);
--spacing-spacing-96: var(--spacing-96-px);
--spacing-spacing-128: var(--spacing-128-px);
--spacing-spacing-160: var(--spacing-160-px);
--spacing-spacing-56: var(--spacing-56-px);
--spacing-spacing-14: var(--spacing-14-px);
--spacing-spacing-10: var(--spacing-10-px);
--color-bg-bg-lightest: var(--color-neutral-white);
--color-bg-bg-lighter: var(--color-neutral-50);
--color-bg-bg-darker: var(--color-neutral-300);
--color-bg-bg-base: var(--color-neutral-100);
--color-bg-primary: var(--color-brand-700);
--color-bg-primary-lightest: var(--color-brand-50);
--color-bg-error-lighter: var(--color-error-50);
--color-bg-error: var(--color-error-500);
--color-bg-warning-lighter: var(--color-warning-50);
--color-bg-warning: var(--color-warning-500);
--color-bg-success-lighter: var(--color-success-50);
--color-bg-success: var(--color-success-500);
--color-bg-info-lighter: var(--color-info-50);
--color-bg-info: var(--color-info-500);
--color-bg-extended-teal: var(--color-teal-500);
--color-bg-extended-teal-lighter: var(--color-teal-50);
--color-bg-extended-greenlight: var(--color-greenlight-500);
--color-bg-extended-greenlight-lighter: var(--color-greenlight-50);
--color-bg-extended-violet: var(--color-violet-500);
--color-bg-extended-violet-lighter: var(--color-violet-50);
--color-bg-extended-pink: var(--color-pink-500);
--color-bg-extended-pink-lighter: var(--color-pink-50);
--color-bg-extended-yellow: var(--color-yellow-500);
--color-bg-extended-yellow-lighter: var(--color-yellow-50);
--color-text-text-base: var(--color-neutral-700);
--color-text-text-lighter: var(--color-neutral-500);
--color-text-text-white: var(--color-neutral-white);
--color-text-text-lightest: var(--color-neutral-400);
--color-text-text-primary: var(--color-brand-700);
--color-text-text-primary-darker: var(--color-brand-800);
--color-text-text-warning: var(--color-warning-500);
--color-text-text-success: var(--color-success-500);
--color-text-text-info: var(--color-info-500);
--color-text-text-error: var(--color-error-500);
--color-text-text-teal: var(--color-teal-500);
--color-text-text-greenlight: var(--color-greenlight-500);
--color-text-text-violet: var(--color-violet-500);
--color-text-text-pink: var(--color-pink-500);
--color-text-text-yellow: var(--color-yellow-500);
--color-icon-icon-base: var(--color-neutral-700);
--color-icon-icon-lighter: var(--color-neutral-600);
--color-icon-icon-lightest: var(--color-neutral-400);
--color-icon-icon-white: var(--color-neutral-white);
--color-icon-icon-primary: var(--color-brand-700);
--color-icon-icon-primary-darker: var(--color-brand-800);
--color-icon-icon-error: var(--color-error-500);
--color-icon-icon-warning: var(--color-warning-500);
--color-icon-icon-success: var(--color-success-500);
--color-icon-icon-info: var(--color-info-500);
--color-icon-icon-teal: var(--color-teal-500);
--color-icon-icon-greenlight: var(--color-greenlight-500);
--color-icon-icon-violet: var(--color-violet-500);
--color-icon-icon-pink: var(--color-pink-500);
--color-icon-icon-yellow: var(--color-yellow-500);
--color-border-border-base: var(--color-neutral-300);
--color-border-border-lighter: var(--color-neutral-200);
--color-border-border-lightest: var(--color-neutral-white);
--color-border-border-primary-lighter: var(--color-brand-200);
--color-border-border-primary: var(--color-brand-700);
--color-border-border-error-lighter: var(--color-error-200);
--color-border-border-error: var(--color-error-500);
--color-border-border-warning-lighter: var(--color-warning-200);
--color-border-border-warning: var(--color-warning-500);
--color-border-border-success-lighter: var(--color-success-200);
--color-border-border-success: var(--color-success-500);
--color-border-border-info-lighter: var(--color-info-200);
--color-border-border-info: var(--color-info-500);
--color-border-border-teal-lighter: var(--color-teal-200);
--color-border-border-teal: var(--color-teal-500);
--color-border-border-greenlight-lighter: var(--color-greenlight-200);
--color-border-border-greenlight: var(--color-greenlight-500);
--color-border-border-violet-lighter: var(--color-violet-200);
--color-border-border-violet: var(--color-violet-500);
--color-border-border-pink-lighter: var(--color-pink-200);
--color-border-border-pink: var(--color-pink-500);
--color-border-border-yellow-lighter: var(--color-yellow-200);
--color-border-border-yellow: var(--color-yellow-500);
--color-bg-primary-darker: var(--color-brand-800);
--color-bg-error-darker: var(--color-error-600);
--color-bg-primary-lighter: var(--color-brand-100);
--color-bg-inverse-bg: var(--color-neutral-800);
--color-icon-icon-error-darker: var(--color-error-600);
--color-text-text-error-darker: var(--color-error-600);
--color-bg-inverse-bg-lighter: var(--color-neutral-600);
--color-bg-inverse-bg-lightest: var(--color-neutral-500);
--color-bg-wa-base: var(--color-white-alpha-200);
--color-bg-wa-lighter: var(--color-white-alpha-300);
--color-bg-wa-lightest: var(--color-white-alpha-400);
--color-bg-ga-base: var(--color-gray-alpha-400);
--color-bg-ga-lighter: var(--color-gray-alpha-300);
--color-bg-ga-lightest: var(--color-gray-alpha-200);
--color-bg-primary-darkest: var(--color-brand-900);
--color-border-inverse-border: var(--color-neutral-600);
}
