@use '@angular/material' as mat;

.mdc-icon-button {
    &.mat-primary,
    &[color='primary'] {
        @include mat.icon-button-overrides(
            (
                icon-color: var(--mat-sys-primary-container),
            )
        );
    }

    &.mat-error,
    &[color='error'] {
        @include mat.icon-button-overrides(
            (
                icon-color: var(--mat-sys-error-container),
            )
        );
    }

    &.mat-tertiary,
    &[color='tertiary'] {
        @include mat.icon-button-overrides(
            (
                icon-color: var(--mat-sys-tertiary-container),
            )
        );
    }
}

.mat-icon {
    &.mat-primary {
        @include mat.icon-overrides(
            (
                color: var(--mat-sys-primary-container),
            )
        );
    }

    &.mat-error {
        @include mat.icon-overrides(
            (
                color: var(--mat-sys-error-container),
            )
        );
    }

    &.mat-tertiary {
        @include mat.icon-overrides(
            (
                color: var(--mat-sys-tertiary-container),
            )
        );
    }
}