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

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

    & * {
        color: var(--cds-color-text-default);
    }

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

@mixin cds-primary--hover {
    background-color: var(--cds-color-background-medium--hover);
    border: 1px solid transparent;
}

@mixin cds-primary--active {
    background-color: var(--cds-color-background-medium--active);
    border: 1px solid transparent;
}

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

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