@use '../variables/colors' as colors;
// TODO: вынести все цвета в перемнные

@mixin cui-shadow-10() {
    box-shadow:
        0 1px 4px 0 rgba(0, 0, 0, 0.04),
        0 1px 4px 0 rgba(0, 0, 0, 0.04);
}

@mixin cui-shadow-15() {
    box-shadow:
        0 1px 2px 0 rgba(0, 0, 0, 0.06),
        0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

@mixin cui-shadow-20() {
    box-shadow:
        0 2px 4px -1px rgba(0, 0, 0, 0.06),
        0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

@mixin cui-shadow-25() {
    box-shadow:
        0 4px 6px -2px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

@mixin cui-shadow-right() {
    box-shadow: 5px 0 4px 0 rgba(0, 0, 0, 0.05);
}

@mixin cui-shadow-left() {
    box-shadow: -5px 0 4px 0 rgba(0, 0, 0, 0.05);
}

@mixin cui-shadow-focused() {
    box-shadow: 0 0 0 2px colors.$cui-focus;
}

@mixin cui-shadow-error-focused() {
    box-shadow: 0 0 0 2px rgba(217, 45, 32, 0.25);
}