@use "sass:color";
@use '../abstracts/cds-icons' as icons;
@use 'cds-mixins-icons' as mixins;

@mixin cds-inverse {
    color: var(--cds-color-text-inverse);
    background-color: var(--cds-color-background-inverse);
    border: 1px solid transparent;

    & *,
    &[class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-inverse);
    }
}

@mixin cds-inverse--hover {
    background-color: var(--cds-color-background-inverse--hover);
}

@mixin cds-inverse--active {
    background-color: var(--cds-color-background-inverse--active);
}

@mixin cds-inverse--disabled {
    color: var(--cds-color-text-muted);
    background-color: var(--cds-color-background-inverse--active);
    border-color: var(--cds-color-background-inverse--active);

    & *,
    [class^="__icon"],
    [class*="__icon "] {
        color: var(--cds-color-text-muted);
    }
}