:root {
    --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;

    /* ALPHA COLOR VARIANT */
    --main-color-a1: rgba(0, 4, 158, 0.1);
    --main-color-a2: rgba(0, 4, 158, 0.2);
    --main-color-a3: rgba(0, 4, 158, 0.3);
    --main-color-a4: rgba(0, 4, 158, 0.4);
    --main-color-a5: rgba(0, 4, 158, 0.5);
    --main-color-a6: rgba(0, 4, 158, 0.6);
    --main-color-a7: rgba(0, 4, 158, 0.7);
    --main-color-a8: rgba(0, 4, 158, 0.8);
    --main-color-a9: rgba(0, 4, 158, 0.9);

    --primary-color-1-a1: rgba(112, 111, 111, 0.1);
    --primary-color-1-a2: rgba(112, 111, 111, 0.2);
    --primary-color-1-a3: rgba(112, 111, 111, 0.3);
    --primary-color-1-a4: rgba(112, 111, 111, 0.4);
    --primary-color-1-a5: rgba(112, 111, 111, 0.5);
    --primary-color-1-a6: rgba(112, 111, 111, 0.6);
    --primary-color-1-a7: rgba(112, 111, 111, 0.7);
    --primary-color-1-a8: rgba(112, 111, 111, 0.8);
    --primary-color-1-a9: rgba(112, 111, 111, 0.9);

    --primary-color-2-a1: rgba(255, 255, 255, 0.1);
    --primary-color-2-a2: rgba(255, 255, 255, 0.2);
    --primary-color-2-a3: rgba(255, 255, 255, 0.3);
    --primary-color-2-a4: rgba(255, 255, 255, 0.4);
    --primary-color-2-a5: rgba(255, 255, 255, 0.5);
    --primary-color-2-a6: rgba(255, 255, 255, 0.6);
    --primary-color-2-a7: rgba(255, 255, 255, 0.7);
    --primary-color-2-a8: rgba(255, 255, 255, 0.8);
    --primary-color-2-a9: rgba(255, 255, 255, 0.9);

    --primary-color-3-a1: rgba(0, 0, 0, 0.1);
    --primary-color-3-a2: rgba(0, 0, 0, 0.2);
    --primary-color-3-a3: rgba(0, 0, 0, 0.3);
    --primary-color-3-a4: rgba(0, 0, 0, 0.4);
    --primary-color-3-a5: rgba(0, 0, 0, 0.5);
    --primary-color-3-a6: rgba(0, 0, 0, 0.6);
    --primary-color-3-a7: rgba(0, 0, 0, 0.7);
    --primary-color-3-a8: rgba(0, 0, 0, 0.8);
    --primary-color-3-a9: rgba(0, 0, 0, 0.9);

    --secondary-color-1-a1: rgba(44, 50, 255, 0.1);
    --secondary-color-1-a2: rgba(44, 50, 255, 0.2);
    --secondary-color-1-a3: rgba(44, 50, 255, 0.3);
    --secondary-color-1-a4: rgba(44, 50, 255, 0.4);
    --secondary-color-1-a5: rgba(44, 50, 255, 0.5);
    --secondary-color-1-a6: rgba(44, 50, 255, 0.6);
    --secondary-color-1-a7: rgba(44, 50, 255, 0.7);
    --secondary-color-1-a8: rgba(44, 50, 255, 0.8);
    --secondary-color-1-a9: rgba(44, 50, 255, 0.9);

    --secondary-color-2-a1: rgba(0, 176, 240, 0.1);
    --secondary-color-2-a2: rgba(0, 176, 240, 0.2);
    --secondary-color-2-a3: rgba(0, 176, 240, 0.3);
    --secondary-color-2-a4: rgba(0, 176, 240, 0.4);
    --secondary-color-2-a5: rgba(0, 176, 240, 0.5);
    --secondary-color-2-a6: rgba(0, 176, 240, 0.6);
    --secondary-color-2-a7: rgba(0, 176, 240, 0.7);
    --secondary-color-2-a8: rgba(0, 176, 240, 0.8);
    --secondary-color-2-a9: rgba(0, 176, 240, 0.9);

    --secondary-color-3-a1: rgba(0, 180, 196, 0.1);
    --secondary-color-3-a2: rgba(0, 180, 196, 0.2);
    --secondary-color-3-a3: rgba(0, 180, 196, 0.3);
    --secondary-color-3-a4: rgba(0, 180, 196, 0.4);
    --secondary-color-3-a5: rgba(0, 180, 196, 0.5);
    --secondary-color-3-a6: rgba(0, 180, 196, 0.6);
    --secondary-color-3-a7: rgba(0, 180, 196, 0.7);
    --secondary-color-3-a8: rgba(0, 180, 196, 0.8);
    --secondary-color-3-a9: rgba(0, 180, 196, 0.9);

    --secondary-color-4-a1: rgba(130, 202, 156, 0.1);
    --secondary-color-4-a2: rgba(130, 202, 156, 0.2);
    --secondary-color-4-a3: rgba(130, 202, 156, 0.3);
    --secondary-color-4-a4: rgba(130, 202, 156, 0.4);
    --secondary-color-4-a5: rgba(130, 202, 156, 0.5);
    --secondary-color-4-a6: rgba(130, 202, 156, 0.6);
    --secondary-color-4-a7: rgba(130, 202, 156, 0.7);
    --secondary-color-4-a8: rgba(130, 202, 156, 0.8);
    --secondary-color-4-a9: rgba(130, 202, 156, 0.9);

    --secondary-color-5-a1: rgba(145, 133, 190, 0.1);
    --secondary-color-5-a2: rgba(145, 133, 190, 0.2);
    --secondary-color-5-a3: rgba(145, 133, 190, 0.3);
    --secondary-color-5-a4: rgba(145, 133, 190, 0.4);
    --secondary-color-5-a5: rgba(145, 133, 190, 0.5);
    --secondary-color-5-a6: rgba(145, 133, 190, 0.6);
    --secondary-color-5-a7: rgba(145, 133, 190, 0.7);
    --secondary-color-5-a8: rgba(145, 133, 190, 0.8);
    --secondary-color-5-a9: rgba(145, 133, 190, 0.9);

    /* Tonalità più chiare per ogni colore */
    /* main-color */
    --main-color-light-1: #1a1abd;
    --main-color-light-2: #3333dc;
    --main-color-light-3: #4d4dfb;
    --main-color-light-4: #6666ff;
    --main-color-light-5: #8080ff;
    --main-color-light-6: #9999ff;
    --main-color-light-7: #b3b3ff;
    --main-color-light-8: #ccccff;
    --main-color-light-9: #e6e6ff;

    /* primary-color-1 */
    --primary-color-1-light-1: #888787;
    --primary-color-1-light-2: #9f9f9f;
    --primary-color-1-light-3: #b7b7b7;
    --primary-color-1-light-4: #cecece;
    --primary-color-1-light-5: #e6e6e6;
    --primary-color-1-light-6: #ededed;
    --primary-color-1-light-7: #f4f4f4;
    --primary-color-1-light-8: #fbfbfb;
    --primary-color-1-light-9: #ffffff;

    /* primary-color-2 */
    --primary-color-2-light-1: #ffffff;
    --primary-color-2-light-2: #ffffff;
    --primary-color-2-light-3: #ffffff;
    --primary-color-2-light-4: #ffffff;
    --primary-color-2-light-5: #ffffff;
    --primary-color-2-light-6: #ffffff;
    --primary-color-2-light-7: #ffffff;
    --primary-color-2-light-8: #ffffff;
    --primary-color-2-light-9: #ffffff;

    /* primary-color-3 */
    --primary-color-3-light-1: #1a1a1a;
    --primary-color-3-light-2: #333333;
    --primary-color-3-light-3: #4d4d4d;
    --primary-color-3-light-4: #666666;
    --primary-color-3-light-5: #808080;
    --primary-color-3-light-6: #999999;
    --primary-color-3-light-7: #b3b3b3;
    --primary-color-3-light-8: #cccccc;
    --primary-color-3-light-9: #e6e6e6;

    /* secondary-color-1 */
    --secondary-color-1-light-1: #454cff;
    --secondary-color-1-light-2: #5d65ff;
    --secondary-color-1-light-3: #767eff;
    --secondary-color-1-light-4: #8f97ff;
    --secondary-color-1-light-5: #a7b0ff;
    --secondary-color-1-light-6: #c0c9ff;
    --secondary-color-1-light-7: #d9e2ff;
    --secondary-color-1-light-8: #f2fbff;
    --secondary-color-1-light-9: #f6fdff;

    /* secondary-color-2 */
    --secondary-color-2-light-1: #33b7f3;
    --secondary-color-2-light-2: #4bc0f7;
    --secondary-color-2-light-3: #64c8fa;
    --secondary-color-2-light-4: #7dd1fd;
    --secondary-color-2-light-5: #96d9ff;
    --secondary-color-2-light-6: #afe2ff;
    --secondary-color-2-light-7: #c8eaff;
    --secondary-color-2-light-8: #e1f3ff;
    --secondary-color-2-light-9: #f9fbff;

    /* secondary-color-3 */
    --secondary-color-3-light-1: #33becf;
    --secondary-color-3-light-2: #4cc8da;
    --secondary-color-3-light-3: #65d2e5;
    --secondary-color-3-light-4: #7edcf0;
    --secondary-color-3-light-5: #97e5fb;
    --secondary-color-3-light-6: #b0efff;
    --secondary-color-3-light-7: #c9f3ff;
    --secondary-color-3-light-8: #e2faff;
    --secondary-color-3-light-9: #f9fcff;

    /* secondary-color-4 */
    --secondary-color-4-light-1: #99d3b4;
    --secondary-color-4-light-2: #a2d8bd;
    --secondary-color-4-light-3: #abdcc6;
    --secondary-color-4-light-4: #b4e1cf;
    --secondary-color-4-light-5: #bde5d8;
    --secondary-color-4-light-6: #c6e9e1;
    --secondary-color-4-light-7: #cfece9;
    --secondary-color-4-light-8: #d8f0f2;
    --secondary-color-4-light-9: #e1f3fa;

    /* secondary-color-5 */
    --secondary-color-5-light-1: #a092c7;
    --secondary-color-5-light-2: #ab9ccd;
    --secondary-color-5-light-3: #b6a6d3;
    --secondary-color-5-light-4: #c1b0d8;
    --secondary-color-5-light-5: #ccbadf;
    --secondary-color-5-light-6: #d7c4e4;
    --secondary-color-5-light-7: #e2cede;
    --secondary-color-5-light-8: #ede8f2;
    --secondary-color-5-light-9: #f9f2fa;

    /* error-color */
    --error-color-light-1: #d61a50;
    --error-color-light-2: #dc3368;
    --error-color-light-3: #e24d80;
    --error-color-light-4: #e86698;
    --error-color-light-5: #ee80b0;
    --error-color-light-6: #f499c8;
    --error-color-light-7: #fab3e0;
    --error-color-light-8: #ffd0eb;
    --error-color-light-9: #ffe6f3;

    --font-family-base: Arial, Helvetica, sans-serif;
    --font-size-base: 13px;
    --font-size-small: 12px;
    --spacing-base: 8px;
}


.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-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);
}