/******************************************************************************************
 *
 * Projet     : Dakan Destinée
 * Fichier    : reset.css
 * Version    : 1.0.0
 *
 * Description
 * ----------------------------------------------------------------------------------------
 * Réinitialisation légère des styles des navigateurs.
 *
 * Ce fichier établit une base commune avant l'application
 * du design du site.
 *
 *****************************************************************************************/


/*=========================================================================================
    RESET GLOBAL
=========================================================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;

    box-sizing:border-box;

}



/*=========================================================================================
    DOCUMENT
=========================================================================================*/

html{

    scroll-behavior:smooth;

    font-size:100%;

}

body{

    min-height:100vh;

    background:var(--bg-primary);

    color:var(--text-primary);

    font-family:var(--font-text);

    font-size:var(--fs-text);

    line-height:var(--line-height);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

}



/*=========================================================================================
    TITRES
=========================================================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    font:inherit;

    font-weight:normal;

}



/*=========================================================================================
    PARAGRAPHES
=========================================================================================*/

p{

    color:var(--text-secondary);

}



/*=========================================================================================
    LISTES
=========================================================================================*/

ul,
ol{

    list-style:none;

}



/*=========================================================================================
    LIENS
=========================================================================================*/

a{

    color:inherit;

    text-decoration:none;

}



/*=========================================================================================
    IMAGES
=========================================================================================*/

img,
picture,
svg,
video,
canvas{

    display:block;

    max-width:100%;

    height:auto;

}



/*=========================================================================================
    FORMULAIRES
=========================================================================================*/

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:none;

    border:none;

}



button{

    cursor:pointer;

}



/*=========================================================================================
    TABLEAUX
=========================================================================================*/

table{

    border-collapse:collapse;

    border-spacing:0;

}



/*=========================================================================================
    TEXTAREA
=========================================================================================*/

textarea{

    resize:vertical;

}



/*=========================================================================================
    CITATIONS
=========================================================================================*/

blockquote,
q{

    quotes:none;

}



/*=========================================================================================
    ÉLÉMENTS CACHÉS
=========================================================================================*/

[hidden]{

    display:none !important;

}



/*=========================================================================================
    SÉLECTION DE TEXTE
=========================================================================================*/

::selection{

    background:var(--gold-light);

    color:var(--text-primary);

}



/*=========================================================================================
    FOCUS ACCESSIBILITÉ
=========================================================================================*/

:focus-visible{

    outline:2px solid var(--gold);

    outline-offset:.20rem;

}



/*=========================================================================================
    ANIMATIONS
=========================================================================================*/

@media (prefers-reduced-motion: reduce){

    html{

        scroll-behavior:auto;

    }

    *,
    *::before,
    *::after{

        animation-duration:0.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:0.01ms !important;

    }

}