$colors: (
    "primary": var(--color-primary),
    "secondary": var(--color-secondary),
    "tertiary": var(--color-tertiary),
    "success": var(--color-success),
    "info": var(--color-info),
    "warning": var(--color-warning),
    "danger": var(--color-danger),
    "neutral": var(--color-neutral),
    "light": var(--color-light),
    "dark": var(--color-dark),
    "white": var(--color-white),
    "black": var(--color-black),
    "primary-ghost": var(--color-primary-ghost),
    "secondary-ghost": var(--color-secondary-ghost),
    "tertiary-ghost": var(--color-tertiary-ghost),
    "success-ghost": var(--color-success-ghost),
    "info-ghost": var(--color-info-ghost),
    "warning-ghost": var(--color-warning-ghost),
    "danger-ghost": var(--color-danger-ghost),
    "neutral-ghost": var(--color-neutral-ghost),
    "light-ghost": var(--color-light-ghost),
    "dark-ghost": var(--color-dark-ghost),
    "white-ghost": var(--color-white-ghost),
    "black-ghost": var(--color-black-ghost),
);