:root {
    --main-bg-color: #ffffff;
    --main-bg-color-reverse: #000000;

    --main-color: #00049e;
    --primary-color-1: #706F6F;
    --primary-color-2: #FFFFFF;
    --primary-color-3: #000000;
    --secondary-color-1: #2C32FF;
    --secondary-color-2: #00B0F0;
    --secondary-color-3: #00B4C4;
    --secondary-color-4: #82CA9C;
    --secondary-color-5: #9185BE;

    --error-color: #d00038;
    --alert-color: #fcefa1;
    --success-color: #009933;
    --warning-color: #ff9900;

    --link-color: #00049e;
    --link-color-visited: #660099;
    --link-color-hover: #000066;
    --link-color-active: #000099;

    --font-family-base: Arial, Helvetica, sans-serif;
    --font-family-alt-1: Arial, Helvetica, sans-serif;
    --font-family-alt-2: Arial, Helvetica, sans-serif;
    --line-height-base: 150%;
    --line-height-alt-1: 150%;
    --font-size-base: 13px;
    --font-size-alt-1: 13px;
    --font-size-alt-2: 13px;
    --font-size-small: 12px;
    --spacing-base: 8px;

    --top-left-logo-url: url(/common_bv/images/Logo_grey_transparent_250x300_noborders.png);
    --top-left-logo-height: 110px;
    --top-left-logo-width: 92px;

    --consolle-logo-url: url(/common_bv/images/Logo_white_transparent_250x300_noborders.png);
    --consolle-logo-height: 110px;
    --consolle-logo-width: 92px;

    --ui-icons-main: url("/common_bv/images/ui-icons_ffffff_256x240.png");
    --ui-icons-red: url("/common_bv/images/ui-icons_cd0a0a_256x240.png");
    --ui-icons-blue: url("/common_bv/images/ui-icons_2e83ff_256x240.png");

    --clearable-icon-url: url(/common_bv/images/clearable.png);
    --euro-icon-url: url(/common_bv/images/euro.png);
    --dollaro-icon-url: url(/common_bv/images/dollaro.png);
    --sterlina-icon-url: url(/common_bv/images/sterlina.png);
    --generic-currency-icon-url: url(/common_bv/images/generic_currency.png);
    --perc-icon-url: url(/common_bv/images/perc.png);
    --srcfld-icon-url: url(/common_bv/images/cerca.png);
    --mm-icon-url: url(/common_bv/images/mm.png);
    --deg-icon-url: url(/common_bv/images/deg.png);
    --euro-km-icon-url: url(/common_bv/images/euroSlashKm.png);
    --fld-loading-gif-url: url(/common_bv/images/indicator.gif);

    /* ALPHA COLOR VARIANT */
    --main-bg-color-a1: color-mix(in srgb, var(--main-bg-color) 10%, transparent);
    --main-bg-color-a2: color-mix(in srgb, var(--main-bg-color) 20%, transparent);
    --main-bg-color-a3: color-mix(in srgb, var(--main-bg-color) 30%, transparent);
    --main-bg-color-a4: color-mix(in srgb, var(--main-bg-color) 40%, transparent);
    --main-bg-color-a5: color-mix(in srgb, var(--main-bg-color) 50%, transparent);
    --main-bg-color-a6: color-mix(in srgb, var(--main-bg-color) 60%, transparent);
    --main-bg-color-a7: color-mix(in srgb, var(--main-bg-color) 70%, transparent);
    --main-bg-color-a8: color-mix(in srgb, var(--main-bg-color) 80%, transparent);
    --main-bg-color-a9: color-mix(in srgb, var(--main-bg-color) 90%, transparent);

    --main-color-a1: color-mix(in srgb, var(--main-color) 10%, transparent);
    --main-color-a2: color-mix(in srgb, var(--main-color) 20%, transparent);
    --main-color-a3: color-mix(in srgb, var(--main-color) 30%, transparent);
    --main-color-a4: color-mix(in srgb, var(--main-color) 40%, transparent);
    --main-color-a5: color-mix(in srgb, var(--main-color) 50%, transparent);
    --main-color-a6: color-mix(in srgb, var(--main-color) 60%, transparent);
    --main-color-a7: color-mix(in srgb, var(--main-color) 70%, transparent);
    --main-color-a8: color-mix(in srgb, var(--main-color) 80%, transparent);
    --main-color-a9: color-mix(in srgb, var(--main-color) 90%, transparent);

    --primary-color-1-a1: color-mix(in srgb, var(--primary-color-1) 10%, transparent);
    --primary-color-1-a2: color-mix(in srgb, var(--primary-color-1) 20%, transparent);
    --primary-color-1-a3: color-mix(in srgb, var(--primary-color-1) 30%, transparent);
    --primary-color-1-a4: color-mix(in srgb, var(--primary-color-1) 40%, transparent);
    --primary-color-1-a5: color-mix(in srgb, var(--primary-color-1) 50%, transparent);
    --primary-color-1-a6: color-mix(in srgb, var(--primary-color-1) 60%, transparent);
    --primary-color-1-a7: color-mix(in srgb, var(--primary-color-1) 70%, transparent);
    --primary-color-1-a8: color-mix(in srgb, var(--primary-color-1) 80%, transparent);
    --primary-color-1-a9: color-mix(in srgb, var(--primary-color-1) 90%, transparent);

    --primary-color-2-a1: color-mix(in srgb, var(--primary-color-2) 10%, transparent);
    --primary-color-2-a2: color-mix(in srgb, var(--primary-color-2) 20%, transparent);
    --primary-color-2-a3: color-mix(in srgb, var(--primary-color-2) 30%, transparent);
    --primary-color-2-a4: color-mix(in srgb, var(--primary-color-2) 40%, transparent);
    --primary-color-2-a5: color-mix(in srgb, var(--primary-color-2) 50%, transparent);
    --primary-color-2-a6: color-mix(in srgb, var(--primary-color-2) 60%, transparent);
    --primary-color-2-a7: color-mix(in srgb, var(--primary-color-2) 70%, transparent);
    --primary-color-2-a8: color-mix(in srgb, var(--primary-color-2) 80%, transparent);
    --primary-color-2-a9: color-mix(in srgb, var(--primary-color-2) 90%, transparent);

    --primary-color-3-a1: color-mix(in srgb, var(--primary-color-3) 10%, transparent);
    --primary-color-3-a2: color-mix(in srgb, var(--primary-color-3) 20%, transparent);
    --primary-color-3-a3: color-mix(in srgb, var(--primary-color-3) 30%, transparent);
    --primary-color-3-a4: color-mix(in srgb, var(--primary-color-3) 40%, transparent);
    --primary-color-3-a5: color-mix(in srgb, var(--primary-color-3) 50%, transparent);
    --primary-color-3-a6: color-mix(in srgb, var(--primary-color-3) 60%, transparent);
    --primary-color-3-a7: color-mix(in srgb, var(--primary-color-3) 70%, transparent);
    --primary-color-3-a8: color-mix(in srgb, var(--primary-color-3) 80%, transparent);
    --primary-color-3-a9: color-mix(in srgb, var(--primary-color-3) 90%, transparent);

    --secondary-color-1-a1: color-mix(in srgb, var(--secondary-color-1) 10%, transparent);
    --secondary-color-1-a2: color-mix(in srgb, var(--secondary-color-1) 20%, transparent);
    --secondary-color-1-a3: color-mix(in srgb, var(--secondary-color-1) 30%, transparent);
    --secondary-color-1-a4: color-mix(in srgb, var(--secondary-color-1) 40%, transparent);
    --secondary-color-1-a5: color-mix(in srgb, var(--secondary-color-1) 50%, transparent);
    --secondary-color-1-a6: color-mix(in srgb, var(--secondary-color-1) 60%, transparent);
    --secondary-color-1-a7: color-mix(in srgb, var(--secondary-color-1) 70%, transparent);
    --secondary-color-1-a8: color-mix(in srgb, var(--secondary-color-1) 80%, transparent);
    --secondary-color-1-a9: color-mix(in srgb, var(--secondary-color-1) 90%, transparent);

    --secondary-color-2-a1: color-mix(in srgb, var(--secondary-color-2) 10%, transparent);
    --secondary-color-2-a2: color-mix(in srgb, var(--secondary-color-2) 20%, transparent);
    --secondary-color-2-a3: color-mix(in srgb, var(--secondary-color-2) 30%, transparent);
    --secondary-color-2-a4: color-mix(in srgb, var(--secondary-color-2) 40%, transparent);
    --secondary-color-2-a5: color-mix(in srgb, var(--secondary-color-2) 50%, transparent);
    --secondary-color-2-a6: color-mix(in srgb, var(--secondary-color-2) 60%, transparent);
    --secondary-color-2-a7: color-mix(in srgb, var(--secondary-color-2) 70%, transparent);
    --secondary-color-2-a8: color-mix(in srgb, var(--secondary-color-2) 80%, transparent);
    --secondary-color-2-a9: color-mix(in srgb, var(--secondary-color-2) 90%, transparent);

    --secondary-color-3-a1: color-mix(in srgb, var(--secondary-color-3) 10%, transparent);
    --secondary-color-3-a2: color-mix(in srgb, var(--secondary-color-3) 20%, transparent);
    --secondary-color-3-a3: color-mix(in srgb, var(--secondary-color-3) 30%, transparent);
    --secondary-color-3-a4: color-mix(in srgb, var(--secondary-color-3) 40%, transparent);
    --secondary-color-3-a5: color-mix(in srgb, var(--secondary-color-3) 50%, transparent);
    --secondary-color-3-a6: color-mix(in srgb, var(--secondary-color-3) 60%, transparent);
    --secondary-color-3-a7: color-mix(in srgb, var(--secondary-color-3) 70%, transparent);
    --secondary-color-3-a8: color-mix(in srgb, var(--secondary-color-3) 80%, transparent);
    --secondary-color-3-a9: color-mix(in srgb, var(--secondary-color-3) 90%, transparent);

    --secondary-color-4-a1: color-mix(in srgb, var(--secondary-color-4) 10%, transparent);
    --secondary-color-4-a2: color-mix(in srgb, var(--secondary-color-4) 20%, transparent);
    --secondary-color-4-a3: color-mix(in srgb, var(--secondary-color-4) 30%, transparent);
    --secondary-color-4-a4: color-mix(in srgb, var(--secondary-color-4) 40%, transparent);
    --secondary-color-4-a5: color-mix(in srgb, var(--secondary-color-4) 50%, transparent);
    --secondary-color-4-a6: color-mix(in srgb, var(--secondary-color-4) 60%, transparent);
    --secondary-color-4-a7: color-mix(in srgb, var(--secondary-color-4) 70%, transparent);
    --secondary-color-4-a8: color-mix(in srgb, var(--secondary-color-4) 80%, transparent);
    --secondary-color-4-a9: color-mix(in srgb, var(--secondary-color-4) 90%, transparent);

    --secondary-color-5-a1: color-mix(in srgb, var(--secondary-color-5) 10%, transparent);
    --secondary-color-5-a2: color-mix(in srgb, var(--secondary-color-5) 20%, transparent);
    --secondary-color-5-a3: color-mix(in srgb, var(--secondary-color-5) 30%, transparent);
    --secondary-color-5-a4: color-mix(in srgb, var(--secondary-color-5) 40%, transparent);
    --secondary-color-5-a5: color-mix(in srgb, var(--secondary-color-5) 50%, transparent);
    --secondary-color-5-a6: color-mix(in srgb, var(--secondary-color-5) 60%, transparent);
    --secondary-color-5-a7: color-mix(in srgb, var(--secondary-color-5) 70%, transparent);
    --secondary-color-5-a8: color-mix(in srgb, var(--secondary-color-5) 80%, transparent);
    --secondary-color-5-a9: color-mix(in srgb, var(--secondary-color-5) 90%, transparent);

    /* Tonalità più chiare per ogni colore */
    /* main-bg-color */
    --main-bg-color-light-1: color-mix(in srgb, var(--main-bg-color) 90%, var(--main-bg-color-reverse) 10%);
    --main-bg-color-light-2: color-mix(in srgb, var(--main-bg-color) 80%, var(--main-bg-color-reverse) 20%);
    --main-bg-color-light-3: color-mix(in srgb, var(--main-bg-color) 70%, var(--main-bg-color-reverse) 30%);
    --main-bg-color-light-4: color-mix(in srgb, var(--main-bg-color) 60%, var(--main-bg-color-reverse) 40%);
    --main-bg-color-light-5: color-mix(in srgb, var(--main-bg-color) 50%, var(--main-bg-color-reverse) 50%);
    --main-bg-color-light-6: color-mix(in srgb, var(--main-bg-color) 40%, var(--main-bg-color-reverse) 60%);
    --main-bg-color-light-7: color-mix(in srgb, var(--main-bg-color) 30%, var(--main-bg-color-reverse) 70%);
    --main-bg-color-light-8: color-mix(in srgb, var(--main-bg-color) 20%, var(--main-bg-color-reverse) 80%);
    --main-bg-color-light-9: color-mix(in srgb, var(--main-bg-color) 10%, var(--main-bg-color-reverse) 90%);

    /* main-color */
    --main-color-light-1: color-mix(in srgb, var(--main-color) 90%, var(--main-bg-color) 10%);
    --main-color-light-2: color-mix(in srgb, var(--main-color) 80%, var(--main-bg-color) 20%);
    --main-color-light-3: color-mix(in srgb, var(--main-color) 70%, var(--main-bg-color) 30%);
    --main-color-light-4: color-mix(in srgb, var(--main-color) 60%, var(--main-bg-color) 40%);
    --main-color-light-5: color-mix(in srgb, var(--main-color) 50%, var(--main-bg-color) 50%);
    --main-color-light-6: color-mix(in srgb, var(--main-color) 40%, var(--main-bg-color) 60%);
    --main-color-light-7: color-mix(in srgb, var(--main-color) 30%, var(--main-bg-color) 70%);
    --main-color-light-8: color-mix(in srgb, var(--main-color) 20%, var(--main-bg-color) 80%);
    --main-color-light-9: color-mix(in srgb, var(--main-color) 10%, var(--main-bg-color) 90%);

    /* primary-color-1 */
    /* In dark mode, higher light-N values approach the background (#1d2a35) */
    --primary-color-1-light-1: color-mix(in srgb, var(--primary-color-1) 90%, var(--main-bg-color) 10%);
    --primary-color-1-light-2: color-mix(in srgb, var(--primary-color-1) 80%, var(--main-bg-color) 20%);
    --primary-color-1-light-3: color-mix(in srgb, var(--primary-color-1) 70%, var(--main-bg-color) 30%);
    --primary-color-1-light-4: color-mix(in srgb, var(--primary-color-1) 60%, var(--main-bg-color) 40%);
    --primary-color-1-light-5: color-mix(in srgb, var(--primary-color-1) 50%, var(--main-bg-color) 50%);
    --primary-color-1-light-6: color-mix(in srgb, var(--primary-color-1) 40%, var(--main-bg-color) 60%);
    --primary-color-1-light-7: color-mix(in srgb, var(--primary-color-1) 30%, var(--main-bg-color) 70%);
    --primary-color-1-light-8: color-mix(in srgb, var(--primary-color-1) 20%, var(--main-bg-color) 80%);
    --primary-color-1-light-9: color-mix(in srgb, var(--primary-color-1) 10%, var(--main-bg-color) 90%);

    /* primary-color-2 (surface) */
    --primary-color-2-light-1: color-mix(in srgb, var(--primary-color-2) 90%, var(--main-bg-color) 10%);
    --primary-color-2-light-2: color-mix(in srgb, var(--primary-color-2) 80%, var(--main-bg-color) 20%);
    --primary-color-2-light-3: color-mix(in srgb, var(--primary-color-2) 70%, var(--main-bg-color) 30%);
    --primary-color-2-light-4: color-mix(in srgb, var(--primary-color-2) 60%, var(--main-bg-color) 40%);
    --primary-color-2-light-5: color-mix(in srgb, var(--primary-color-2) 50%, var(--main-bg-color) 50%);
    --primary-color-2-light-6: color-mix(in srgb, var(--primary-color-2) 40%, var(--main-bg-color) 60%);
    --primary-color-2-light-7: color-mix(in srgb, var(--primary-color-2) 30%, var(--main-bg-color) 70%);
    --primary-color-2-light-8: color-mix(in srgb, var(--primary-color-2) 20%, var(--main-bg-color) 80%);
    --primary-color-2-light-9: color-mix(in srgb, var(--primary-color-2) 10%, var(--main-bg-color) 90%);

    /* primary-color-3 */
    --primary-color-3-light-1: color-mix(in srgb, var(--primary-color-3) 90%, var(--main-bg-color) 10%);
    --primary-color-3-light-2: color-mix(in srgb, var(--primary-color-3) 80%, var(--main-bg-color) 20%);
    --primary-color-3-light-3: color-mix(in srgb, var(--primary-color-3) 70%, var(--main-bg-color) 30%);
    --primary-color-3-light-4: color-mix(in srgb, var(--primary-color-3) 60%, var(--main-bg-color) 40%);
    --primary-color-3-light-5: color-mix(in srgb, var(--primary-color-3) 50%, var(--main-bg-color) 50%);
    --primary-color-3-light-6: color-mix(in srgb, var(--primary-color-3) 40%, var(--main-bg-color) 60%);
    --primary-color-3-light-7: color-mix(in srgb, var(--primary-color-3) 30%, var(--main-bg-color) 70%);
    --primary-color-3-light-8: color-mix(in srgb, var(--primary-color-3) 20%, var(--main-bg-color) 80%);
    --primary-color-3-light-9: color-mix(in srgb, var(--primary-color-3) 10%, var(--main-bg-color) 90%);

    /* secondary-color-1 */
    --secondary-color-1-light-1: color-mix(in srgb, var(--secondary-color-1) 90%, var(--main-bg-color) 10%);
    --secondary-color-1-light-2: color-mix(in srgb, var(--secondary-color-1) 80%, var(--main-bg-color) 20%);
    --secondary-color-1-light-3: color-mix(in srgb, var(--secondary-color-1) 70%, var(--main-bg-color) 30%);
    --secondary-color-1-light-4: color-mix(in srgb, var(--secondary-color-1) 60%, var(--main-bg-color) 40%);
    --secondary-color-1-light-5: color-mix(in srgb, var(--secondary-color-1) 50%, var(--main-bg-color) 50%);
    --secondary-color-1-light-6: color-mix(in srgb, var(--secondary-color-1) 40%, var(--main-bg-color) 60%);
    --secondary-color-1-light-7: color-mix(in srgb, var(--secondary-color-1) 30%, var(--main-bg-color) 70%);
    --secondary-color-1-light-8: color-mix(in srgb, var(--secondary-color-1) 20%, var(--main-bg-color) 80%);
    --secondary-color-1-light-9: color-mix(in srgb, var(--secondary-color-1) 10%, var(--main-bg-color) 90%);

    /* secondary-color-2 */
    --secondary-color-2-light-1: color-mix(in srgb, var(--secondary-color-2) 90%, var(--main-bg-color) 10%);
    --secondary-color-2-light-2: color-mix(in srgb, var(--secondary-color-2) 80%, var(--main-bg-color) 20%);
    --secondary-color-2-light-3: color-mix(in srgb, var(--secondary-color-2) 70%, var(--main-bg-color) 30%);
    --secondary-color-2-light-4: color-mix(in srgb, var(--secondary-color-2) 60%, var(--main-bg-color) 40%);
    --secondary-color-2-light-5: color-mix(in srgb, var(--secondary-color-2) 50%, var(--main-bg-color) 50%);
    --secondary-color-2-light-6: color-mix(in srgb, var(--secondary-color-2) 40%, var(--main-bg-color) 60%);
    --secondary-color-2-light-7: color-mix(in srgb, var(--secondary-color-2) 30%, var(--main-bg-color) 70%);
    --secondary-color-2-light-8: color-mix(in srgb, var(--secondary-color-2) 20%, var(--main-bg-color) 80%);
    --secondary-color-2-light-9: color-mix(in srgb, var(--secondary-color-2) 10%, var(--main-bg-color) 90%);

    /* secondary-color-3 */
    --secondary-color-3-light-1: color-mix(in srgb, var(--secondary-color-3) 90%, var(--main-bg-color) 10%);
    --secondary-color-3-light-2: color-mix(in srgb, var(--secondary-color-3) 80%, var(--main-bg-color) 20%);
    --secondary-color-3-light-3: color-mix(in srgb, var(--secondary-color-3) 70%, var(--main-bg-color) 30%);
    --secondary-color-3-light-4: color-mix(in srgb, var(--secondary-color-3) 60%, var(--main-bg-color) 40%);
    --secondary-color-3-light-5: color-mix(in srgb, var(--secondary-color-3) 50%, var(--main-bg-color) 50%);
    --secondary-color-3-light-6: color-mix(in srgb, var(--secondary-color-3) 40%, var(--main-bg-color) 60%);
    --secondary-color-3-light-7: color-mix(in srgb, var(--secondary-color-3) 30%, var(--main-bg-color) 70%);
    --secondary-color-3-light-8: color-mix(in srgb, var(--secondary-color-3) 20%, var(--main-bg-color) 80%);
    --secondary-color-3-light-9: color-mix(in srgb, var(--secondary-color-3) 10%, var(--main-bg-color) 90%);

    /* secondary-color-4 */
    --secondary-color-4-light-1: color-mix(in srgb, var(--secondary-color-4) 90%, var(--main-bg-color) 10%);
    --secondary-color-4-light-2: color-mix(in srgb, var(--secondary-color-4) 80%, var(--main-bg-color) 20%);
    --secondary-color-4-light-3: color-mix(in srgb, var(--secondary-color-4) 70%, var(--main-bg-color) 30%);
    --secondary-color-4-light-4: color-mix(in srgb, var(--secondary-color-4) 60%, var(--main-bg-color) 40%);
    --secondary-color-4-light-5: color-mix(in srgb, var(--secondary-color-4) 50%, var(--main-bg-color) 50%);
    --secondary-color-4-light-6: color-mix(in srgb, var(--secondary-color-4) 40%, var(--main-bg-color) 60%);
    --secondary-color-4-light-7: color-mix(in srgb, var(--secondary-color-4) 30%, var(--main-bg-color) 70%);
    --secondary-color-4-light-8: color-mix(in srgb, var(--secondary-color-4) 20%, var(--main-bg-color) 80%);
    --secondary-color-4-light-9: color-mix(in srgb, var(--secondary-color-4) 10%, var(--main-bg-color) 90%);

    /* secondary-color-5 */
    --secondary-color-5-light-1: color-mix(in srgb, var(--secondary-color-5) 90%, var(--main-bg-color) 10%);
    --secondary-color-5-light-2: color-mix(in srgb, var(--secondary-color-5) 80%, var(--main-bg-color) 20%);
    --secondary-color-5-light-3: color-mix(in srgb, var(--secondary-color-5) 70%, var(--main-bg-color) 30%);
    --secondary-color-5-light-4: color-mix(in srgb, var(--secondary-color-5) 60%, var(--main-bg-color) 40%);
    --secondary-color-5-light-5: color-mix(in srgb, var(--secondary-color-5) 50%, var(--main-bg-color) 50%);
    --secondary-color-5-light-6: color-mix(in srgb, var(--secondary-color-5) 40%, var(--main-bg-color) 60%);
    --secondary-color-5-light-7: color-mix(in srgb, var(--secondary-color-5) 30%, var(--main-bg-color) 70%);
    --secondary-color-5-light-8: color-mix(in srgb, var(--secondary-color-5) 20%, var(--main-bg-color) 80%);
    --secondary-color-5-light-9: color-mix(in srgb, var(--secondary-color-5) 10%, var(--main-bg-color) 90%);

    /* error-color */
    --error-color-light-1: color-mix(in srgb, var(--error-color) 90%, var(--main-bg-color) 10%);
    --error-color-light-2: color-mix(in srgb, var(--error-color) 80%, var(--main-bg-color) 20%);
    --error-color-light-3: color-mix(in srgb, var(--error-color) 70%, var(--main-bg-color) 30%);
    --error-color-light-4: color-mix(in srgb, var(--error-color) 60%, var(--main-bg-color) 40%);
    --error-color-light-5: color-mix(in srgb, var(--error-color) 50%, var(--main-bg-color) 50%);
    --error-color-light-6: color-mix(in srgb, var(--error-color) 40%, var(--main-bg-color) 60%);
    --error-color-light-7: color-mix(in srgb, var(--error-color) 30%, var(--main-bg-color) 70%);
    --error-color-light-8: color-mix(in srgb, var(--error-color) 20%, var(--main-bg-color) 80%);
    --error-color-light-9: color-mix(in srgb, var(--error-color) 10%, var(--main-bg-color) 90%);

    /* alert color */
    --alert-color-light-1: color-mix(in srgb, var(--alert-color) 90%, var(--main-bg-color) 10%);
    --alert-color-light-2: color-mix(in srgb, var(--alert-color) 80%, var(--main-bg-color) 20%);
    --alert-color-light-3: color-mix(in srgb, var(--alert-color) 70%, var(--main-bg-color) 30%);
    --alert-color-light-4: color-mix(in srgb, var(--alert-color) 60%, var(--main-bg-color) 40%);
    --alert-color-light-5: color-mix(in srgb, var(--alert-color) 50%, var(--main-bg-color) 50%);
    --alert-color-light-6: color-mix(in srgb, var(--alert-color) 40%, var(--main-bg-color) 60%);
    --alert-color-light-7: color-mix(in srgb, var(--alert-color) 30%, var(--main-bg-color) 70%);
    --alert-color-light-8: color-mix(in srgb, var(--alert-color) 20%, var(--main-bg-color) 80%);
    --alert-color-light-9: color-mix(in srgb, var(--alert-color) 10%, var(--main-bg-color) 90%);

    /* success-color */
    --success-color-light-1: color-mix(in srgb, var(--success-color) 90%, var(--main-bg-color) 10%);
    --success-color-light-2: color-mix(in srgb, var(--success-color) 80%, var(--main-bg-color) 20%);
    --success-color-light-3: color-mix(in srgb, var(--success-color) 70%, var(--main-bg-color) 30%);
    --success-color-light-4: color-mix(in srgb, var(--success-color) 60%, var(--main-bg-color) 40%);
    --success-color-light-5: color-mix(in srgb, var(--success-color) 50%, var(--main-bg-color) 50%);
    --success-color-light-6: color-mix(in srgb, var(--success-color) 40%, var(--main-bg-color) 60%);
    --success-color-light-7: color-mix(in srgb, var(--success-color) 30%, var(--main-bg-color) 70%);
    --success-color-light-8: color-mix(in srgb, var(--success-color) 20%, var(--main-bg-color) 80%);
    --success-color-light-9: color-mix(in srgb, var(--success-color) 10%, var(--main-bg-color) 90%);

    /* warning-color */
    --warning-color-light-1: color-mix(in srgb, var(--warning-color) 90%, var(--main-bg-color) 10%);
    --warning-color-light-2: color-mix(in srgb, var(--warning-color) 80%, var(--main-bg-color) 20%);
    --warning-color-light-3: color-mix(in srgb, var(--warning-color) 70%, var(--main-bg-color) 30%);
    --warning-color-light-4: color-mix(in srgb, var(--warning-color) 60%, var(--main-bg-color) 40%);
    --warning-color-light-5: color-mix(in srgb, var(--warning-color) 50%, var(--main-bg-color) 50%);
    --warning-color-light-6: color-mix(in srgb, var(--warning-color) 40%, var(--main-bg-color) 60%);
    --warning-color-light-7: color-mix(in srgb, var(--warning-color) 30%, var(--main-bg-color) 70%);
    --warning-color-light-8: color-mix(in srgb, var(--warning-color) 20%, var(--main-bg-color) 80%);
    --warning-color-light-9: color-mix(in srgb, var(--warning-color) 10%, var(--main-bg-color) 90%);
}


.cbv-main-color {
    color: var(--main-color);
}
.cbv-primary-color-1 {
    color: var(--primary-color-1);
}
.cbv-primary-color-2 {
    color: var(--primary-color-2);
}
.cbv-primary-color-3 {
    color: var(--primary-color-3);
}
.cbv-secondary-color-1 {
    color: var(--secondary-color-1);
}
.cbv-secondary-color-2 {
    color: var(--secondary-color-2);
}
.cbv-secondary-color-3 {
    color: var(--secondary-color-3);
}
.cbv-secondary-color-4 {
    color: var(--secondary-color-4);
}
.cbv-secondary-color-5 {
    color: var(--secondary-color-5);
}

.cbv-error-color {
    color: var(--error-color);
}

.cbv-alert-color {
    color: var(--alert-color);
}

.cbv-success-color {
    color: var(--success-color);
}

.cbv-warning-color {
    color: var(--warning-color);
}

.cbv-main-color-light-1 {
    color: var(--main-color-light-1);
}
.cbv-main-color-light-2 {
    color: var(--main-color-light-2);
}
.cbv-main-color-light-3 {
    color: var(--main-color-light-3);
}
.cbv-main-color-light-4 {
    color: var(--main-color-light-4);
}
.cbv-main-color-light-5 {
    color: var(--main-color-light-5);
}
.cbv-main-color-light-6 {
    color: var(--main-color-light-6);
}
.cbv-main-color-light-7 {
    color: var(--main-color-light-7);
}
.cbv-main-color-light-8 {
    color: var(--main-color-light-8);
}
.cbv-main-color-light-9 {
    color: var(--main-color-light-9);
}

/* primary-color-1 */
.cbv-primary-color-1-light-1 {
    color: var(--primary-color-1-light-1);
}
.cbv-primary-color-1-light-2 {
    color: var(--primary-color-1-light-2);
}
.cbv-primary-color-1-light-3 {
    color: var(--primary-color-1-light-3);
}
.cbv-primary-color-1-light-4 {
    color: var(--primary-color-1-light-4);
}
.cbv-primary-color-1-light-5 {
    color: var(--primary-color-1-light-5);
}
.cbv-primary-color-1-light-6 {
    color: var(--primary-color-1-light-6);
}
.cbv-primary-color-1-light-7 {
    color: var(--primary-color-1-light-7);
}
.cbv-primary-color-1-light-8 {
    color: var(--primary-color-1-light-8);
}
.cbv-primary-color-1-light-9 {
    color: var(--primary-color-1-light-9);
}

/* primary-color-2 */
.cbv-primary-color-2-light-1 {
    color: var(--primary-color-2-light-1);
}
.cbv-primary-color-2-light-2 {
    color: var(--primary-color-2-light-2);
}
.cbv-primary-color-2-light-3 {
    color: var(--primary-color-2-light-3);
}
.cbv-primary-color-2-light-4 {
    color: var(--primary-color-2-light-4);
}
.cbv-primary-color-2-light-5 {
    color: var(--primary-color-2-light-5);
}
.cbv-primary-color-2-light-6 {
    color: var(--primary-color-2-light-6);
}
.cbv-primary-color-2-light-7 {
    color: var(--primary-color-2-light-7);
}
.cbv-primary-color-2-light-8 {
    color: var(--primary-color-2-light-8);
}
.cbv-primary-color-2-light-9 {
    color: var(--primary-color-2-light-9);
}

/* primary-color-3 */
.cbv-primary-color-3-light-1 {
    color: var(--primary-color-3-light-1);
}
.cbv-primary-color-3-light-2 {
    color: var(--primary-color-3-light-2);
}
.cbv-primary-color-3-light-3 {
    color: var(--primary-color-3-light-3);
}
.cbv-primary-color-3-light-4 {
    color: var(--primary-color-3-light-4);
}
.cbv-primary-color-3-light-5 {
    color: var(--primary-color-3-light-5);
}
.cbv-primary-color-3-light-6 {
    color: var(--primary-color-3-light-6);
}
.cbv-primary-color-3-light-7 {
    color: var(--primary-color-3-light-7);
}
.cbv-primary-color-3-light-8 {
    color: var(--primary-color-3-light-8);
}
.cbv-primary-color-3-light-9 {
    color: var(--primary-color-3-light-9);
}

/* secondary-color-1 */
.cbv-secondary-color-1-light-1 {
    color: var(--secondary-color-1-light-1);
}
.cbv-secondary-color-1-light-2 {
    color: var(--secondary-color-1-light-2);
}
.cbv-secondary-color-1-light-3 {
    color: var(--secondary-color-1-light-3);
}
.cbv-secondary-color-1-light-4 {
    color: var(--secondary-color-1-light-4);
}
.cbv-secondary-color-1-light-5 {
    color: var(--secondary-color-1-light-5);
}
.cbv-secondary-color-1-light-6 {
    color: var(--secondary-color-1-light-6);
}
.cbv-secondary-color-1-light-7 {
    color: var(--secondary-color-1-light-7);
}
.cbv-secondary-color-1-light-8 {
    color: var(--secondary-color-1-light-8);
}
.cbv-secondary-color-1-light-9 {
    color: var(--secondary-color-1-light-9);
}

/* secondary-color-2 */
.cbv-secondary-color-2-light-1 {
    color: var(--secondary-color-2-light-1);
}
.cbv-secondary-color-2-light-2 {
    color: var(--secondary-color-2-light-2);
}
.cbv-secondary-color-2-light-3 {
    color: var(--secondary-color-2-light-3);
}
.cbv-secondary-color-2-light-4 {
    color: var(--secondary-color-2-light-4);
}
.cbv-secondary-color-2-light-5 {
    color: var(--secondary-color-2-light-5);
}
.cbv-secondary-color-2-light-6 {
    color: var(--secondary-color-2-light-6);
}
.cbv-secondary-color-2-light-7 {
    color: var(--secondary-color-2-light-7);
}
.cbv-secondary-color-2-light-8 {
    color: var(--secondary-color-2-light-8);
}
.cbv-secondary-color-2-light-9 {
    color: var(--secondary-color-2-light-9);
}

/* secondary-color-3 */
.cbv-secondary-color-3-light-1 {
    color: var(--secondary-color-3-light-1);
}
.cbv-secondary-color-3-light-2 {
    color: var(--secondary-color-3-light-2);
}
.cbv-secondary-color-3-light-3 {
    color: var(--secondary-color-3-light-3);
}
.cbv-secondary-color-3-light-4 {
    color: var(--secondary-color-3-light-4);
}
.cbv-secondary-color-3-light-5 {
    color: var(--secondary-color-3-light-5);
}
.cbv-secondary-color-3-light-6 {
    color: var(--secondary-color-3-light-6);
}
.cbv-secondary-color-3-light-7 {
    color: var(--secondary-color-3-light-7);
}
.cbv-secondary-color-3-light-8 {
    color: var(--secondary-color-3-light-8);
}
.cbv-secondary-color-3-light-9 {
    color: var(--secondary-color-3-light-9);
}

/* secondary-color-4 */
.cbv-secondary-color-4-light-1 {
    color: var(--secondary-color-4-light-1);
}
.cbv-secondary-color-4-light-2 {
    color: var(--secondary-color-4-light-2);
}
.cbv-secondary-color-4-light-3 {
    color: var(--secondary-color-4-light-3);
}
.cbv-secondary-color-4-light-4 {
    color: var(--secondary-color-4-light-4);
}
.cbv-secondary-color-4-light-5 {
    color: var(--secondary-color-4-light-5);
}
.cbv-secondary-color-4-light-6 {
    color: var(--secondary-color-4-light-6);
}
.cbv-secondary-color-4-light-7 {
    color: var(--secondary-color-4-light-7);
}
.cbv-secondary-color-4-light-8 {
    color: var(--secondary-color-4-light-8);
}
.cbv-secondary-color-4-light-9 {
    color: var(--secondary-color-4-light-9);
}

/* secondary-color-5 */
.cbv-secondary-color-5-light-1 {
    color: var(--secondary-color-5-light-1);
}
.cbv-secondary-color-5-light-2 {
    color: var(--secondary-color-5-light-2);
}
.cbv-secondary-color-5-light-3 {
    color: var(--secondary-color-5-light-3);
}
.cbv-secondary-color-5-light-4 {
    color: var(--secondary-color-5-light-4);
}
.cbv-secondary-color-5-light-5 {
    color: var(--secondary-color-5-light-5);
}
.cbv-secondary-color-5-light-6 {
    color: var(--secondary-color-5-light-6);
}
.cbv-secondary-color-5-light-7 {
    color: var(--secondary-color-5-light-7);
}
.cbv-secondary-color-5-light-8 {
    color: var(--secondary-color-5-light-8);
}
.cbv-secondary-color-5-light-9 {
    color: var(--secondary-color-5-light-9);
}

/* error-color */
.cbv-error-color-light-1 {
    color: var(--error-color-light-1);
}
.cbv-error-color-light-2 {
    color: var(--error-color-light-2);
}
.cbv-error-color-light-3 {
    color: var(--error-color-light-3);
}
.cbv-error-color-light-4 {
    color: var(--error-color-light-4);
}
.cbv-error-color-light-5 {
    color: var(--error-color-light-5);
}
.cbv-error-color-light-6 {
    color: var(--error-color-light-6);
}
.cbv-error-color-light-7 {
    color: var(--error-color-light-7);
}
.cbv-error-color-light-8 {
    color: var(--error-color-light-8);
}
.cbv-error-color-light-9 {
    color: var(--error-color-light-9);
}

/* alert-color */
.cbv-alert-color-light-1 {
    color: var(--alert-color-light-1);
}
.cbv-alert-color-light-2 {
    color: var(--alert-color-light-2);
}
.cbv-alert-color-light-3 {
    color: var(--alert-color-light-3);
}
.cbv-alert-color-light-4 {
    color: var(--alert-color-light-4);
}
.cbv-alert-color-light-5 {
    color: var(--alert-color-light-5);
}
.cbv-alert-color-light-6 {
    color: var(--alert-color-light-6);
}
.cbv-alert-color-light-7 {
    color: var(--alert-color-light-7);
}
.cbv-alert-color-light-8 {
    color: var(--alert-color-light-8);
}
.cbv-alert-color-light-9 {
    color: var(--alert-color-light-9);
}

/* success-color */
.cbv-success-color-light-1 {
    color: var(--success-color-light-1);
}
.cbv-success-color-light-2 {
    color: var(--success-color-light-2);
}
.cbv-success-color-light-3 {
    color: var(--success-color-light-3);
}
.cbv-success-color-light-4 {
    color: var(--success-color-light-4);
}
.cbv-success-color-light-5 {
    color: var(--success-color-light-5);
}
.cbv-success-color-light-6 {
    color: var(--success-color-light-6);
}
.cbv-success-color-light-7 {
    color: var(--success-color-light-7);
}
.cbv-success-color-light-8 {
    color: var(--success-color-light-8);
}
.cbv-success-color-light-9 {
    color: var(--success-color-light-9);
}

/* warning-color */
.cbv-warning-color-light-1 {
    color: var(--warning-color-light-1);
}
.cbv-warning-color-light-2 {
    color: var(--warning-color-light-2);
}
.cbv-warning-color-light-3 {
    color: var(--warning-color-light-3);
}
.cbv-warning-color-light-4 {
    color: var(--warning-color-light-4);
}
.cbv-warning-color-light-5 {
    color: var(--warning-color-light-5);
}
.cbv-warning-color-light-6 {
    color: var(--warning-color-light-6);
}
.cbv-warning-color-light-7 {
    color: var(--warning-color-light-7);
}
.cbv-warning-color-light-8 {
    color: var(--warning-color-light-8);
}
.cbv-warning-color-light-9 {
    color: var(--warning-color-light-9);
}

.cbv-main-bg-color {
    background-color: var(--main-color);
}
.cbv-primary-bg-color-1 {
    background-color: var(--primary-color-1);
}
.cbv-primary-bg-color-2 {
    background-color: var(--primary-color-2);
}
.cbv-primary-bg-color-3 {
    background-color: var(--primary-color-3);
}
.cbv-secondary-bg-color-1 {
    background-color: var(--secondary-color-1);
}
.cbv-secondary-bg-color-2 {
    background-color: var(--secondary-color-2);
}
.cbv-secondary-bg-color-3 {
    background-color: var(--secondary-color-3);
}
.cbv-secondary-bg-color-4 {
    background-color: var(--secondary-color-4);
}
.cbv-secondary-bg-color-5 {
    background-color: var(--secondary-color-5);
}

.cbv-error-bg-color {
    background-color: var(--error-color);
}

.cbv-alert-bg-color {
    background-color: var(--alert-color);
}

.cbv-success-bg-color {
    background-color: var(--success-color);
}

.cbv-warning-bg-color {
    background-color: var(--warning-color);
}

.cbv-main-bg-color-light-1 {
    background-color: var(--main-color-light-1);
}
.cbv-main-bg-color-light-2 {
    background-color: var(--main-color-light-2);
}
.cbv-main-bg-color-light-3 {
    background-color: var(--main-color-light-3);
}
.cbv-main-bg-color-light-4 {
    background-color: var(--main-color-light-4);
}
.cbv-main-bg-color-light-5 {
    background-color: var(--main-color-light-5);
}
.cbv-main-bg-color-light-6 {
    background-color: var(--main-color-light-6);
}
.cbv-main-bg-color-light-7 {
    background-color: var(--main-color-light-7);
}
.cbv-main-bg-color-light-8 {
    background-color: var(--main-color-light-8);
}
.cbv-main-bg-color-light-9 {
    background-color: var(--main-color-light-9);
}

/* primary-color-1 */
.cbv-primary-bg-color-1-light-1 {
    background-color: var(--primary-color-1-light-1);
}
.cbv-primary-bg-color-1-light-2 {
    background-color: var(--primary-color-1-light-2);
}
.cbv-primary-bg-color-1-light-3 {
    background-color: var(--primary-color-1-light-3);
}
.cbv-primary-bg-color-1-light-4 {
    background-color: var(--primary-color-1-light-4);
}
.cbv-primary-bg-color-1-light-5 {
    background-color: var(--primary-color-1-light-5);
}
.cbv-primary-bg-color-1-light-6 {
    background-color: var(--primary-color-1-light-6);
}
.cbv-primary-bg-color-1-light-7 {
    background-color: var(--primary-color-1-light-7);
}
.cbv-primary-bg-color-1-light-8 {
    background-color: var(--primary-color-1-light-8);
}
.cbv-primary-bg-color-1-light-9 {
    background-color: var(--primary-color-1-light-9);
}

/* primary-color-2 */
.cbv-primary-bg-color-2-light-1 {
    background-color: var(--primary-color-2-light-1);
}
.cbv-primary-bg-color-2-light-2 {
    background-color: var(--primary-color-2-light-2);
}
.cbv-primary-bg-color-2-light-3 {
    background-color: var(--primary-color-2-light-3);
}
.cbv-primary-bg-color-2-light-4 {
    background-color: var(--primary-color-2-light-4);
}
.cbv-primary-bg-color-2-light-5 {
    background-color: var(--primary-color-2-light-5);
}
.cbv-primary-bg-color-2-light-6 {
    background-color: var(--primary-color-2-light-6);
}
.cbv-primary-bg-color-2-light-7 {
    background-color: var(--primary-color-2-light-7);
}
.cbv-primary-bg-color-2-light-8 {
    background-color: var(--primary-color-2-light-8);
}
.cbv-primary-bg-color-2-light-9 {
    background-color: var(--primary-color-2-light-9);
}

/* primary-color-3 */
.cbv-primary-bg-color-3-light-1 {
    background-color: var(--primary-color-3-light-1);
}
.cbv-primary-bg-color-3-light-2 {
    background-color: var(--primary-color-3-light-2);
}
.cbv-primary-bg-color-3-light-3 {
    background-color: var(--primary-color-3-light-3);
}
.cbv-primary-bg-color-3-light-4 {
    background-color: var(--primary-color-3-light-4);
}
.cbv-primary-bg-color-3-light-5 {
    background-color: var(--primary-color-3-light-5);
}
.cbv-primary-bg-color-3-light-6 {
    background-color: var(--primary-color-3-light-6);
}
.cbv-primary-bg-color-3-light-7 {
    background-color: var(--primary-color-3-light-7);
}
.cbv-primary-bg-color-3-light-8 {
    background-color: var(--primary-color-3-light-8);
}
.cbv-primary-bg-color-3-light-9 {
    background-color: var(--primary-color-3-light-9);
}

/* secondary-color-1 */
.cbv-secondary-bg-color-1-light-1 {
    background-color: var(--secondary-color-1-light-1);
}
.cbv-secondary-bg-color-1-light-2 {
    background-color: var(--secondary-color-1-light-2);
}
.cbv-secondary-bg-color-1-light-3 {
    background-color: var(--secondary-color-1-light-3);
}
.cbv-secondary-bg-color-1-light-4 {
    background-color: var(--secondary-color-1-light-4);
}
.cbv-secondary-bg-color-1-light-5 {
    background-color: var(--secondary-color-1-light-5);
}
.cbv-secondary-bg-color-1-light-6 {
    background-color: var(--secondary-color-1-light-6);
}
.cbv-secondary-bg-color-1-light-7 {
    background-color: var(--secondary-color-1-light-7);
}
.cbv-secondary-bg-color-1-light-8 {
    background-color: var(--secondary-color-1-light-8);
}
.cbv-secondary-bg-color-1-light-9 {
    background-color: var(--secondary-color-1-light-9);
}

/* secondary-color-2 */
.cbv-secondary-bg-color-2-light-1 {
    background-color: var(--secondary-color-2-light-1);
}
.cbv-secondary-bg-color-2-light-2 {
    background-color: var(--secondary-color-2-light-2);
}
.cbv-secondary-bg-color-2-light-3 {
    background-color: var(--secondary-color-2-light-3);
}
.cbv-secondary-bg-color-2-light-4 {
    background-color: var(--secondary-color-2-light-4);
}
.cbv-secondary-bg-color-2-light-5 {
    background-color: var(--secondary-color-2-light-5);
}
.cbv-secondary-bg-color-2-light-6 {
    background-color: var(--secondary-color-2-light-6);
}
.cbv-secondary-bg-color-2-light-7 {
    background-color: var(--secondary-color-2-light-7);
}
.cbv-secondary-bg-color-2-light-8 {
    background-color: var(--secondary-color-2-light-8);
}
.cbv-secondary-bg-color-2-light-9 {
    background-color: var(--secondary-color-2-light-9);
}

/* secondary-color-3 */
.cbv-secondary-bg-color-3-light-1 {
    background-color: var(--secondary-color-3-light-1);
}
.cbv-secondary-bg-color-3-light-2 {
    background-color: var(--secondary-color-3-light-2);
}
.cbv-secondary-bg-color-3-light-3 {
    background-color: var(--secondary-color-3-light-3);
}
.cbv-secondary-bg-color-3-light-4 {
    background-color: var(--secondary-color-3-light-4);
}
.cbv-secondary-bg-color-3-light-5 {
    background-color: var(--secondary-color-3-light-5);
}
.cbv-secondary-bg-color-3-light-6 {
    background-color: var(--secondary-color-3-light-6);
}
.cbv-secondary-bg-color-3-light-7 {
    background-color: var(--secondary-color-3-light-7);
}
.cbv-secondary-bg-color-3-light-8 {
    background-color: var(--secondary-color-3-light-8);
}
.cbv-secondary-bg-color-3-light-9 {
    background-color: var(--secondary-color-3-light-9);
}

/* secondary-color-4 */
.cbv-secondary-bg-color-4-light-1 {
    background-color: var(--secondary-color-4-light-1);
}
.cbv-secondary-bg-color-4-light-2 {
    background-color: var(--secondary-color-4-light-2);
}
.cbv-secondary-bg-color-4-light-3 {
    background-color: var(--secondary-color-4-light-3);
}
.cbv-secondary-bg-color-4-light-4 {
    background-color: var(--secondary-color-4-light-4);
}
.cbv-secondary-bg-color-4-light-5 {
    background-color: var(--secondary-color-4-light-5);
}
.cbv-secondary-bg-color-4-light-6 {
    background-color: var(--secondary-color-4-light-6);
}
.cbv-secondary-bg-color-4-light-7 {
    background-color: var(--secondary-color-4-light-7);
}
.cbv-secondary-bg-color-4-light-8 {
    background-color: var(--secondary-color-4-light-8);
}
.cbv-secondary-bg-color-4-light-9 {
    background-color: var(--secondary-color-4-light-9);
}

/* secondary-color-5 */
.cbv-secondary-bg-color-5-light-1 {
    background-color: var(--secondary-color-5-light-1);
}
.cbv-secondary-bg-color-5-light-2 {
    background-color: var(--secondary-color-5-light-2);
}
.cbv-secondary-bg-color-5-light-3 {
    background-color: var(--secondary-color-5-light-3);
}
.cbv-secondary-bg-color-5-light-4 {
    background-color: var(--secondary-color-5-light-4);
}
.cbv-secondary-bg-color-5-light-5 {
    background-color: var(--secondary-color-5-light-5);
}
.cbv-secondary-bg-color-5-light-6 {
    background-color: var(--secondary-color-5-light-6);
}
.cbv-secondary-bg-color-5-light-7 {
    background-color: var(--secondary-color-5-light-7);
}
.cbv-secondary-bg-color-5-light-8 {
    background-color: var(--secondary-color-5-light-8);
}
.cbv-secondary-bg-color-5-light-9 {
    background-color: var(--secondary-color-5-light-9);
}

/* error-color */
.cbv-error-bg-color-light-1 {
    background-color: var(--error-color-light-1);
}
.cbv-error-bg-color-light-2 {
    background-color: var(--error-color-light-2);
}
.cbv-error-bg-color-light-3 {
    background-color: var(--error-color-light-3);
}
.cbv-error-bg-color-light-4 {
    background-color: var(--error-color-light-4);
}
.cbv-error-bg-color-light-5 {
    background-color: var(--error-color-light-5);
}
.cbv-error-bg-color-light-6 {
    background-color: var(--error-color-light-6);
}
.cbv-error-bg-color-light-7 {
    background-color: var(--error-color-light-7);
}
.cbv-error-bg-color-light-8 {
    background-color: var(--error-color-light-8);
}
.cbv-error-bg-color-light-9 {
    background-color: var(--error-color-light-9);
}

/* alert-color */
.cbv-alert-bg-color-light-1 {
    background-color: var(--alert-color-light-1);
}
.cbv-alert-bg-color-light-2 {
    background-color: var(--alert-color-light-2);
}
.cbv-alert-bg-color-light-3 {
    background-color: var(--alert-color-light-3);
}
.cbv-alert-bg-color-light-4 {
    background-color: var(--alert-color-light-4);
}
.cbv-alert-bg-color-light-5 {
    background-color: var(--alert-color-light-5);
}
.cbv-alert-bg-color-light-6 {
    background-color: var(--alert-color-light-6);
}
.cbv-alert-bg-color-light-7 {
    background-color: var(--alert-color-light-7);
}
.cbv-alert-bg-color-light-8 {
    background-color: var(--alert-color-light-8);
}
.cbv-alert-bg-color-light-9 {
    background-color: var(--alert-color-light-9);
}

/* success-color */
.cbv-success-bg-color-light-1 {
    background-color: var(--success-color-light-1);
}
.cbv-success-bg-color-light-2 {
    background-color: var(--success-color-light-2);
}
.cbv-success-bg-color-light-3 {
    background-color: var(--success-color-light-3);
}
.cbv-success-bg-color-light-4 {
    background-color: var(--success-color-light-4);
}
.cbv-success-bg-color-light-5 {
    background-color: var(--success-color-light-5);
}
.cbv-success-bg-color-light-6 {
    background-color: var(--success-color-light-6);
}
.cbv-success-bg-color-light-7 {
    background-color: var(--success-color-light-7);
}
.cbv-success-bg-color-light-8 {
    background-color: var(--success-color-light-8);
}
.cbv-success-bg-color-light-9 {
    background-color: var(--success-color-light-9);
}

/* warning-color */
.cbv-warning-bg-color-light-1 {
    background-color: var(--warning-color-light-1);
}
.cbv-warning-bg-color-light-2 {
    background-color: var(--warning-color-light-2);
}
.cbv-warning-bg-color-light-3 {
    background-color: var(--warning-color-light-3);
}
.cbv-warning-bg-color-light-4 {
    background-color: var(--warning-color-light-4);
}
.cbv-warning-bg-color-light-5 {
    background-color: var(--warning-color-light-5);
}
.cbv-warning-bg-color-light-6 {
    background-color: var(--warning-color-light-6);
}
.cbv-warning-bg-color-light-7 {
    background-color: var(--warning-color-light-7);
}
.cbv-warning-bg-color-light-8 {
    background-color: var(--warning-color-light-8);
}
.cbv-warning-bg-color-light-9 {
    background-color: var(--warning-color-light-9);
}