.text-danger {
    color: var(--col-danger-500);

    path {
        stroke: var(--col-danger-500);
    }
}

.text-success {
    color: var(--col-success-500);

    path {
        stroke: var(--col-success-500);
    }
}

.text-brand {
    color: var(--col-500);

    path {
        stroke: var(--col-500);
    }
}

.text-info {
    color: var(--col-info-500);

    path {
        stroke: var(--col-info-500);
    }
}

.text-warning {
    color: var(--col-warning-500);

    path {
        stroke: var(--col-warning-500);
    }
}

.text-100 {
    color: var(--col-100);

    path {
        stroke: var(--col-100);
    }
}

.text-200 {
    color: var(--col-200);

    path {
        stroke: var(--col-200);
    }
}

.text-300 {
    color: var(--col-300);

    path {
        stroke: var(--col-300);
    }
}

.text-400 {
    color: var(--col-400);

    path {
        stroke: var(--col-400);
    }
}

.text-500 {
    color: var(--col-500);

    path {
        stroke: var(--col-500);
    }
}

.text-600 {
    color: var(--col-600);

    path {
        stroke: var(--col-600);
    }
}

.text-700 {
    color: var(--col-700);

    path {
        stroke: var(--col-700);
    }
}

.text-800 {
    color: var(--col-800);

    path {
        stroke: var(--col-800);
    }
}

.text-900 {
    color: var(--col-900);

    path {
        stroke: var(--col-900);
    }
}

.text-bw-100 {
    color: var(--col-bw-100);

    path {
        stroke: var(--col-bw-100);
    }
}

.text-bw-200 {
    color: var(--col-bw-200);

    path {
        stroke: var(--col-bw-200);
    }
}

.text-bw-300 {
    color: var(--col-bw-300);

    path {
        stroke: var(--col-bw-300);
    }
}

.text-bw-400 {
    color: var(--col-bw-400);

    path {
        stroke: var(--col-bw-400);
    }
}

.text-bw-500 {
    color: var(--col-bw-500);

    path {
        stroke: var(--col-bw-500);
    }
}

.text-bw-600 {
    color: var(--col-bw-600);

    path {
        stroke: var(--col-bw-600);
    }
}

.text-bw-700 {
    color: var(--col-bw-700);

    path {
        stroke: var(--col-bw-700);
    }
}

.text-bw-800 {
    color: var(--col-bw-800);

    path {
        stroke: var(--col-bw-800);
    }
}

.text-bw-900 {
    color: var(--col-bw-900);

    path {
        stroke: var(--col-bw-900);
    }
}