// Text color utilities.
// naming convention: ym-text-{color-palette-variable-name}
// notes::after- Strictly based design system color palette. See variable.scss
// for a comprehensive list.

@mixin ym-reset-color {
    color: inherit;
}

@mixin ym-text-transparent {
    color: transparent;
}

@mixin ym-text-white($hover: true) {
    color: var(--ym-text-white);
}

@mixin ym-text-contrast {
    color: var(--ym-text-white-contrast);
}

@mixin ym-text-white-dark {
    color: var(--ym-text-white-dark);
}

@mixin ym-text-white-normal {
    color: var(--ym-text-white-normal);
}

@mixin ym-text-white-transparent {
    color: var(--ym-text-white-transparent);
}

@mixin ym-text-color {
    color: var(--ym-text-color);
}

@mixin ym-text-disabled {
    color: var(--ym-text-gray-400);
}

@mixin ym-text-primary {
    color: var(--ym-text-primary);
}

@mixin ym-text-secondary {
    color: var(--ym-text-secondary);
}

@mixin ym-text-success {
    color: var(--ym-text-success);
}

@mixin ym-text-info {
    color: var(--ym-text-info);
}

@mixin ym-text-warning {
    color: var(--ym-text-warning);
}

@mixin ym-text-danger {
    color: var(--ym-text-danger);
}

@mixin ym-text-gray-50 {
    color: var(--ym-text-gray-50);
}

@mixin ym-text-gray-100 {
    color: var(--ym-text-gray-100);
}

@mixin ym-text-gray-200 {
    color: var(--ym-text-gray-200);
}

@mixin ym-text-gray-300 {
    color: var(--ym-text-gray-300);
}

@mixin ym-text-gray-400 {
    color: var(--ym-text-gray-400);
}

@mixin ym-text-gray-500 {
    color: var(--ym-text-gray-500);
}

@mixin ym-text-gray-600 {
    color: var(--ym-text-gray-600);
}

@mixin ym-text-gray-700 {
    color: var(--ym-text-gray-700);
}

@mixin ym-text-gray-800 {
    color: var(--ym-text-gray-800);
}

@mixin ym-text-gray-900($active: true, $focus: true, $hover: true) {
    color: var(--ym-text-gray-900);
}

@mixin ym-text-gray-950 {
    color: var(--ym-text-gray-950);
}

@mixin ym-text-blue-200 {
    color: var(--ym-text-blue-200);
}

@mixin ym-text-blue-300 {
    color: var(--ym-text-blue-300);
}

@mixin ym-text-blue-400 {
    color: var(--ym-text-blue-400);
}

@mixin ym-text-blue-500 {
    color: var(--ym-text-blue-500);
}

@mixin ym-text-blue-600($hover: true) {
    color: var(--ym-text-blue-600);
}

@mixin ym-text-blue-700 {
    color: var(--ym-text-blue-700);
}

@mixin ym-text-blue-800($hover: true) {
    color: var(--ym-text-blue-800);
}

@mixin ym-text-blue-900 {
    color: var(--ym-text-blue-900);
}

@mixin ym-text-green-300 {
    color: var(--ym-text-green-300);
}

@mixin ym-text-green-400 {
    color: var(--ym-text-green-400);
}

@mixin ym-text-green-500 {
    color: var(--ym-text-green-500);
}

@mixin ym-text-green-600 {
    color: var(--ym-text-green-600);
}

@mixin ym-text-green-700 {
    color: var(--ym-text-green-700);
}

@mixin ym-text-green-800 {
    color: var(--ym-text-green-800);
}

@mixin ym-text-green-900 {
    color: var(--ym-text-green-900);
}

@mixin ym-text-orange-300 {
    color: var(--ym-text-orange-300);
}

@mixin ym-text-orange-400 {
    color: var(--ym-text-orange-400);
}

@mixin ym-text-orange-500 {
    color: var(--ym-text-orange-500);
}

@mixin ym-text-orange-600 {
    color: var(--ym-text-orange-600);
}

@mixin ym-text-orange-700 {
    color: var(--ym-text-orange-700);
}

@mixin ym-text-orange-800 {
    color: var(--ym-text-orange-800);
}

@mixin ym-text-orange-900 {
    color: var(--ym-text-orange-900);
}

@mixin ym-text-red-300 {
    color: var(--ym-text-red-300);
}

@mixin ym-text-red-500 {
    color: var(--ym-text-red-500);
}

@mixin ym-text-red-600 {
    color: var(--ym-text-red-600);
}

@mixin ym-text-red-700 {
    color: var(--ym-text-red-700);
}

@mixin ym-text-red-800 {
    color: var(--ym-text-red-800);
}

@mixin ym-text-red-900 {
    color: var(--ym-text-red-900);
}

@mixin ym-text-purple-300 {
    color: var(--ym-text-purple-300);
}

@mixin ym-text-purple-500 {
    color: var(--ym-text-purple-600);
}

@mixin ym-text-purple-600 {
    color: var(--ym-text-purple-600);
}

@mixin ym-text-purple-700 {
    color: var(--ym-text-purple-700);
}

@mixin ym-text-purple-800 {
    color: var(--ym-text-purple-800);
}

@mixin ym-text-purple-900 {
    color: var(--ym-text-purple-900);
}



@mixin ym-text-primary-300 {
    color: var(--ym-text-primary-300);
}

@mixin ym-text-primary-400 {
    color: var(--ym-text-primary-400);
}

@mixin ym-text-primary-500 {
    color: var(--ym-text-primary);
}

@mixin ym-text-primary-600 {
    color: var(--ym-text-primary-600);
}

@mixin ym-text-primary-700 {
    color: var(--ym-text-primary-700);
}

@mixin ym-text-primary-800 {
    color: var(--ym-text-primary-800);
}

@mixin ym-text-primary-900 {
    color: var(--ym-text-primary-900);
}

@mixin ym-dark-invert-keep-hue {
    .ym-dark & {
        filter: invert(0.8) hue-rotate(180deg);
    }
}