:root,
[data-bs-theme=light] {
    --bs-border-radius: 0.5rem;


    --bs-placeholder-color: #BBBBBB;

    --bs-danger-text-emphasis: #DF4B57;
    --bs-danger-bg-subtle: #FAE3E5;
    --bs-danger-border-subtle: #FAE3E5;

    --bs-dark-rgb: 0, 0, 0;

    --bs-tertiary-bg: #f5f5f5;

    --bs-border-color: #E3E3E3;
    --bs-border-light: #E8E8E8;
    --bs-border-color-translucent: #E8E8E8;

    --bs-bg-gray: #f5f5f7;
    --bs-bg-gray-2: #f5f6f8;
    --bs-bg-gray-hover: #E0E0E6;
    --bs-color-gray: #6b7280;
    --bs-success-rgb: 22, 163, 74;

    --bs-warning-text-emphasis: #856404;

    --bs-success-bg-subtle: #E5FCE8;
    --bs-success-border-subtle: #B5F5BE;

    --bs-light-rgb: 245, 245, 247;

    --bs-info-text-emphasis: var(--bs-black);
    --bs-info-bg-subtle: #E8F4FF;
    --bs-info-border-subtle: #E8F4FF;

    --bs-warning-text-emphasis: #111;
    --bs-warning-bg-subtle: #FFF3E8;
    --bs-warning-border-subtle: #FFF3E8
}

.page-title {
    font-size: 1.5rem
}

.fs-normal {
    font-size: 1rem
}

.fs-lg {
    font-size: 1.2rem
}

.fs-md {
    font-size: .9rem
}

.fs-sm {
    font-size: .8rem
}

.cursor-pointer  {
    cursor: pointer;
}

.mw-10 {
    width: 10rem
}

.mw-20 {
    width: 24rem
}

.mw-12 {
    width: 12rem
}

.rating-stars {
    color: #ffc107;
}

.text-success {
    --bs-success-rgb: 0, 198, 103
}