/* Déclaration des couleurs */
    :root{
        /* Couleur */
            /* Violet - Vin rouge */
                --rouge-tres-fonce:     #252236;
                --rouge-fonce:          #3E3959;
                --rouge:                #624967;
                --rouge-clair:          #7F3A61;
                --rouge-tres-clair:     #DAA3E6;
                --rouge-clair-cinquante:#7F3A6180;
                
            /* Vert - Vin Blanc */
                --blanc-tres-fonce:     #32380D;
                --blanc-fonce:          #7A8A21;
                --blanc:                #9AAE2A;
                --blanc-clair:          #c2db35;
                --blanc-clair-cinquante:#c2db3580;

            /* Marron - Vigne */
                --vigne-tres-fonce:     #523E39;
                --vigne-fonce:          #75584F;
                --vigne:                #A37B6F;
                --vigne-clair:          #CC9A8B;
                --vigne-clair-cinquante:#CC9A8B80;

        /* Nuance de Gris */
            /* Gris Foncé */
                --gris-noir:            #222222;
                --gris-tres-fonce:      #333333;
                --gris-fonce:           #4F4F4F;
                --gris:                 #787878;

            /* Gris Clair */
                --gris-moyen:           #979797;
                --gris-clair:           #ABABAB;
                --gris-tres-clair:      #D4D4D4;
                --gris-blanc:           #FAFAFA;

            /* Transparence */
                --gris-fonce-cinquante: #22222280;
                --gris-clair-cinquante: #ABABAB80;
                --gris-clair-tier: #ABABAB55;

            /* Autres couleurs */
                --transparent:          #00000000;
                --alerte:               red;
                --warning:              orange;

        /* Texte */ 
            /* Titre */
                --font-family-titre:    "Cinzel";
            /* Texte */
                --font-family-text:     "Avenir Next";
    }


    /* Déclaration Class CSS Couleur */
        /* Background */
        /* Couleur */
            /* Violet - Vin rouge */
                .bg-rouge-tres-fonce{
                    background-color: var(--rouge-tres-fonce);
                }
                .bg-rouge-fonce{
                    background-color: var(--rouge-fonce);
                }
                .bg-rouge{
                    background-color: var(--rouge);
                }
                .bg-rouge-clair{
                    background-color: var(--rouge-clair);
                }
                .bg-rouge-tres-clair{
                    background-color: var(--rouge-tres-clair);
                }
                
            /* Vert - Vin Blanc */
                .bg-blanc-tres-fonce{
                    background-color: var(--blanc-tres-fonce);
                }
                .bg-blanc-fonce{
                    background-color: var(--blanc-fonce);
                }
                .bg-blanc{
                    background-color: var(--blanc);
                }
                .bg-blanc-clair{
                    background-color: var(--blanc-clair);
                }

            /* Marron - Vigne */
                .bg-vigne-tres-fonce{
                    background-color: var(--vigne-tres-fonce);
                }
                .bg-vigne-fonce{
                    background-color: var(--vigne-fonce);
                }
                .bg-vigne{
                    background-color: var(--vigne);
                }
                .bg-vigne-clair{
                    background-color: var(--vigne-clair);
                }

        /* Nuance de Gris */
            /* Gris Foncé */
                .bg-gris-noir{
                    background-color: var(--gris-noir);
                }
                .bg-gris-tres-fonce{
                    background-color: var(--gris-tres-fonce);
                }
                .bg-gris-fonce{
                    background-color: var(--gris-fonce);
                }
                .bg-gris{
                    background-color: var(--gris);
                }

            /* Gris Clair */
                .bg-gris-moyen{
                    background-color: var(--gris-moyen);
                }
                .bg-gris-clair{
                    background-color: var(--gris-clair);
                }
                .bg-gris-tres-clair{
                    background-color: var(--gris-tres-clair);
                }
                .bg-gris-blanc{
                    background-color: var(--gris-blanc);
                }

            /* Transparence */
                .bg-gris-clair-cinquant{
                    background-color: var(--gris-clair-cinquante);
                }

            /* Autres couleurs */
                .bg-transparent{
                    background-color: var(--transparent);
                }

        /* Color */
            .c-rouge-tres-fonce{
                color: var(--rouge-tres-fonce)
            }
            .c-rouge-fonce{
                color: var(--rouge-fonce)
            }
            .c-rouge{
                color: var(--rouge)
            }
            .c-rouge-clair{
                color: var(--rouge-clair)
            }
            .c-rouge-tres-clair{
                color: var(--rouge-tres-clair)
            }
            .c-rouge-clair-cinquante{
                color: var(--rouge-clair-cinquante)
            }
            .c-blanc-tres-fonce{
                color: var(--blanc-tres-fonce)
            }
            .c-blanc-fonce{
                color: var(--blanc-fonce)
            }
            .c-blanc{
                color: var(--blanc)
            }
            .c-blanc-clair-cinquante{
                color: var(--blanc-clair-cinquante)
            }
            .c-blanc-clair{
                color: var(--blanc-clair)
            }
            .c-vigne-tres-fonce{
                color: var(--vigne-tres-fonce)
            }
            .c-vigne-fonce{
                color: var(--vigne-fonce)
            }
            .c-vigne{
                color: var(--vigne)
            }
            .c-vigne-clair{
                color: var(--vigne-clair)
            }
            .c-vigne-clair-cinquante{
                color: var(--vigne-clair-cinquante)
            }
            .c-gris-noir{
                color: var(--gris-noir)
            }
            .c-gris-tres-fonce{
                color: var(--gris-tres-fonce)
            }
            .c-gris-fonce{
                color: var(--gris-fonce)
            }
            .c-gris{
                color: var(--gris)
            }
            .c-gris-moyen{
                color: var(--gris-moyen)
            }
            .c-gris-clair{
                color: var(--gris-clair)
            }
            .c-gris-tres-clair{
                color: var(--gris-tres-clair)
            }
            .c-gris-blanc{
                color: var(--gris-blanc)
            }
            .c-gris-clair-cinquant{
                color: var(--gris-clair-cinquant)
            }
            .c-transparent{
                color: var(--transparent)
            }

            .c-alerte{
                color: var(--alerte);
            }
            .c-warning{
                color: var(--warning);
            }

        .opacity-50{
            opacity: 50%;
        }