*, *:before, *:after{
    box-sizing: border-box;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;

    /*color-scheme: dark light;*/
    hanging-punctuation: first last;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

p {
    max-width: 75ch;
    text-wrap: pretty;
}

footer, header, nav, section, main{
    display: block;
}

body{
    font-family: system-ui, sans-serif;
    line-height: 1.3;
}

ol, ul{
    list-style: none;
}

blockquote, q{
    quotes: none;
}

/* rajoute le smooth scrool sur tous ce qui à une target quand pas de préférence de motion spécifiées */
@media(prefers-reduced-motion: no-preference){
    :has(:target){
        scroll-behavior: smooth;
        scroll-padding-top: 2rem;
    }
}

blockquote:before, blockquote:after, q:before, q:after{
    content: '';
    content: none;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

input:not([type=checkbox]):not([type=radio]){
    -webkit-appearance: none;
    border-radius: 0;
}

a {
    text-decoration: none;

    &:-webkit-any-link {
        text-decoration: none;
    // 	color: inherit;

        &::visited {
            text-decoration: none;
        }
    }
}