/* Textes */

b{/* Color uno, Bold */
    font-weight: 700;
    color: var(--color-uno);
}
b2{/* Color dos, Bold */
    font-weight: 700;
    color: var(--color-dos);
}
b3{/* Color Text, Bold */
    font-weight: 700;
    color: var(--color-text);
}
i{/* Color uno, Italic */
    font-style: italic;
    color: var(--color-uno);
}
i2{/* Color dos, Italic */
    font-style: italic;
    color: var(--color-dos);
}
m{/* Color uno, Bold, Uppercase */
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-uno);
}
m2{/* Color dos, Bold, Uppercase */
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-dos);
}
u{/* Underline color uno */
    text-decoration: underline;
    text-decoration-color: var(--color-uno);
    text-decoration-thickness: 2px;
}
u2{/* Underline color dos */
    text-decoration: underline;
    text-decoration-color: var(--color-dos);
    text-decoration-thickness: 2px;
}
bg{/* Color white, Background uno, Bold, Uppercase */
    color: var(--color-white);
    background: var(--color-uno);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
bg2{/* Color white, Background dos, Bold, Uppercase */
    color: var(--color-white);
    background: var(--color-dos);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
gradient{/* Color white, Background gradient, Bold, Uppercase */
    color: var(--color-white);
    background: linear-gradient(90deg, var(--color-uno) 0%, var(--color-dos) 100%);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
opacity{/* Color uno, Background uno light, Bold, Uppercase */
    color: var(--color-uno);
    background: rgba(var(--rgb-uno), 0.2);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
opacity2{/* Color dos, Background dos light, Bold, Uppercase */
    color: var(--color-dos);
    background: rgba(var(--rgb-dos), 0.2);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
outline{/* Color uno, Border uno, Bold, Uppercase */
    color: var(--color-uno);
    border: 1px solid var(--color-uno);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
outline2{/* Color dos, Border dos, Bold, Uppercase */
    color: var(--color-dos);
    border: 1px solid var(--color-dos);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}
outline3{/* Color uno, Border uno, Bold, Uppercase */
    color: var(--color-text);
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, var(--color-uno), var(--color-dos)) 1;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 170%;
}

/* Titles */

title, title1, title2, title3, title4, title5, title6{ /* Setup Title */
    display: block;
    box-sizing: border-box;
}
title{ /* Color white, Bg uno, Align center, Size 18, Bold */
    color: var(--color-white);
    background: var(--color-uno);
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    padding: 3px 10px;
}
title1{ /* Color white, Bg dos, Align center, Size 18, Bold */
    color: var(--color-white);
    background: var(--color-dos);
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    padding: 3px 10px;
}
title2{ /* Color white, Bg uno, Align start, Size 14, Bold, Uppercase */
    color: var(--color-white);
    background: var(--color-uno);
    border-radius: 5px;
    text-align: start;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 10px;
}
title3{ /* Color white, Bg dos, Align start, Size 14, Bold, Uppercase */
    color: var(--color-white);
    background: var(--color-dos);
    border-radius: 5px;
    text-align: start;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 10px;
}
title4{ /* Color text, Align center, Size 14, Bold, Uppercase, Border text-supalight */
    color: var(--color-text);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    border-bottom: 3px solid var(--color-text-supalight);
}
title5{ /* Color text, Align start, Size 14, Bold, Uppercase, Border text-supalight */
    color: var(--color-text);
    text-align: start;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    border-bottom: 3px solid var(--color-text-supalight);
}
title6{ /* Color uno, Align center, Size 22, Bold, Uppercase */
    color: var(--color-uno);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 24px;
    padding: 8px 10px;
    position: relative;
}
title6::before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background-color: rgba(var(--rgb-uno), 0.4);
    bottom: 50%;
    transform: translateY(calc(-50% + 5px));
    left: 0;
}

/* Baliser tw */

tw {
    filter: blur(3px);
    transition: filter .3s;
}
  
tw:hover {
filter: none;
}

/* Groupes */

discord{
    color: #535FF3;
}
insta{
    color: #AB7DD8;
}
linkedin{
    color: #455E8D;
}
tiktok{
    color: #D35676;
}
twitter{
    color: #3D9DFF;
}
edge{
    color: #BE8438;
}
valid{
    color: var(--color-success);
}
echec{
    color: var(--color-error);
}
warning{
    color: var(--color-warning);
}

/* Apply style to link in tag */
b a:link, b a:visited, b2 a:link, b2 a:visited, b3 a:link, b3 a:visited, i a:link, i a:visited, i2 a:link, i2 a:visited, m a:link, m a:visited, m2 a:link, m2 a:visited,
u a:link, u a:visited, u2 a:link, u2 a:visited, bg a:link, bg a:visited, bg2 a:link, bg2 a:visited, gradient a:link, gradient a:visited, opacity a:link, opacity a:visited,
opacity2 a:link, opacity2 a:visited, outline2 a:link, outline2 a:visited, outline3 a:link, outline3 a:visited, title a:link, title a:visited, title1 a:link, title1 a:visited,
title2 a:link, title2 a:visited, title3 a:link, title3 a:visited, title4 a:link, title4 a:visited, title5 a:link, title5 a:visited, title6 a:link, title6 a:visited,
discord a:link, discord a:visited, insta a:link, insta a:visited, linkedin a:link, linkedin a:visited, tiktok a:link, tiktok a:visited, twitter a:link, twitter a:visited,
edge a:link, edge a:visited, valid a:link, valid a:visited, echec a:link, echec a:visited{
    color: currentColor!important;
}
b a:hover, b2 a:hover, b3 a:hover, i a:hover, i2 a:hover, m a:hover, m2 a:hover,
u a:hover, u2 a:hover, bg a:hover, bg2 a:hover, gradient a:hover, opacity a:hover,
opacity2 a:hover, outline2 a:hover, outline3 a:hover, title a:hover, title1 a:hover,
title2 a:hover, title3 a:hover, title4 a:hover, title5 a:hover, title6 a:hover,
discord a:hover, insta a:hover, linkedin a:hover, tiktok a:hover, twitter a:hover,
edge a:hover, valid a:hover, echec a:hover{
    color: currentColor!important;
}