/** Inspiré de https://www.swyx.io/css-100-bytes */
        html {
	    --green: #007c47;
	    --light-green: #00bd6c;
	    --black: black;
            --white: white;
	    --cyan: #03b3d2;
	    --dark-cyan: #0253a8;
	    --text: var(--black);
	    --link: var(--green);
	    --link-visited: color-mix(in hsl, var(--link) 70%, var(--text) 30%);
	    --background: var(--white);
	    color: var(--text);
	    background-color: var(--background);
	    max-width: 70ch;
            padding: 3rem 1rem;
            margin: auto;
            line-height: 1.75;
            font-size: 1.25rem;
            font-family: system-ui;
        }

        h1, h2, h3, h4, h5, h6 {
            margin: 3rem 0 1rem;
        }

        p, ul, ol {
            margin-bottom: 2rem;
            color: var(--text);
            font-family: sans-serif;
        }
	a {
		color: var(--link);
	}
	a:visited{
		color: var(--link-visited);
	}

        /* Adaptations pour mobile */
        @media screen and (max-width: 480px) {

            html {
                padding-top: 0;
            }

            h1, h2, h3, h4, h5, h6 {
                margin: 1rem 0 1rem;
            }

        }

	code {
		overflow-wrap: anywhere;
	}
	@media (prefers-color-scheme: dark) {
		html {
			--text: var(--white);
			--background: var(--black);
			--link: var(--light-green);			
 
		}
	}