:root {
    /* Colore di riferimento principale */
    --reference-red: #fc3650; /* R0 G4 B158 */

    /* HOVER Colori eco-branded secondari */
    --reference-red-hover: #f60221; /* R0 G4 B158 */
    /* Font e dimensioni */
    --font-family: BureauVeritas-ExtBdUltraCond, Source Sans Pro, Arial, sans-serif;
    --font-size-base: 16px;
    --font-size-heading: 24px;

    /*BUTTON*/
    --btn-primary-bg: var(--main-color);
    --btn-primary-color: var(--primary-color-2);
    --btn-primary-padding: 5px 15px;
    --btn-primary-hover-bg: var(--secondary-color-1);

    /*button plus*/
    --btn-fa-circle-plus-color: var(--primary-color-3);
    --btn-fa-circle-plus-color-hover: var(--main-color);
    --btn-fa-circle-plus-color-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --btn-fa-circle-plus-size: 16px;

    /*button trash-can*/
    --btn-fa-trash-can-color: var(--reference-red);
    --btn-fa-trash-can-color-hover: var(--reference-red-hover);
    --btn-fa-trash-can-color-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    --btn-fa-trash-font-size: var(--font-size-base);

    /*TITLE*/
    --title-border-left: 5px solid var(--primary-color-2);
    --title-border-left-hover: 5px solid var(--main-color);
    --title-padding: 0 30px;

    /*Title1*/
    --title1-font-size: 32px;
    --title1-font-weight: 400;
    --title1-margin: 0 0 20px -5px;
    --title1-padding: 0 0 20px -5px;
    --title1-color: var(--main-color);

    /*Title2*/
    --title2-font-size: 24px;
    --title2-font-weight: 400;
    --title2-color: var(--main-color);

    /*Title3*/
    --title3-font-size: 18px;
    --title3-font-weight: 400;
    --title3-color: var(--main-color);

    /*INPUT*/
    --input-border-color: transparent transparent var(--primary-color-1) transparent;

    /*FONT*/
    --text-color-grey: var(--primary-color-1);
    --text-color-red: var(--reference-red);
    --text-color-white: var(--primary-color-2);
    --text-color-black: var(--primary-color-3);

    /*ERROR*/
    --error-color: var(--reference-red);
    --error-font-size: 20px;
    --error-font-line-height: 1.25;

    --error-label-color: var(--reference-red);
    --error-label-font-size: 12px;
    --error-label-font-weight: 600;
    --error-label-font-line-height: 1.25;
    --error-label-padding-left: 0;

    /*COMPETENCE*/
    --competence-search-input-font-size: var(--font-size-base);
    --competence-search-input-padding: 10px;
    --competence-search-input-width: 100%;

    /*list*/
    --competence-list-padding-left: 10px;
    --competence-list-style: none;

    /*toggle icon*/
    --competence-list-toggle-color:var(--primary-color-1);

    /*BUTTON*/

    /*qualification btn upload*/
    --btn-upload-qual-border:solid 1px var(--main-color);
    --btn-upload-qual-bg-color: var(--main-color);
    --btn-upload-qual-color:var(--primary-color-2);
}
/*GLOBAL VARIABLES*/

.display-none {
    display: none;
}

/*File*/
.fa-file-word,
.fa-file-image {
    color: #0d6efd;
}

.fa-file-archive,
.fa-envelope {
    color: #e8a006;
}

.fa-file-excel {
    color: #198754;
}

.fa-file-pdf {
    color: #dc3545;
}