.text-color {
    color: var(--color-text);
}

.card-title {
    font-size: var(--font-size-lg) !important;
}

.text-success {
    color: var(--color-success) !important;
}

.text-danger {
    color: var(--color-danger) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.bg-white {
    background-color: var(--color-white) !important;
}

.bg-subtle-success {
    background-color: var(--color-success-subtle) !important;
}

.bg-subtle-primary {
    background-color: var(--color-primary-subtle) !important;
}

.fs-xs {
    font-size: var(--font-size-xs) !important;
}

.fs-sm {
    font-size: var(--font-size-sm) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.no-resize {
    resize: none !important;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

.hover-subtle {
    transition: background-color var(--transition-base);
}

.hover-subtle:hover {
    background-color: var(--color-gray-100) !important;
}

.fi {
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background-size: cover;
    background-position: center;
}

.shadow-card {
    box-shadow: var(--shadow-base);
}

.text-decoration-none {
    text-decoration: none !important;
}