:root {
    --couleur-de-fond: #0F0D1E;
    --couleur-fond-panneau: #17152D;
    --couleur-fond-navbar: black;
    --couleur-texte: white;
    --couleur-carte: #1a1b26;

    --h1-taille-texte: 7rem;
    --h2-taille-texte: 2.2rem;
    --h3-taille-texte: 1.5rem;
    --taille-texte: 1.1rem;
    --taille-texte-boutons: calc(var(--taille-texte) * 1.1);

    --police-grand-titre: "Uncial Antiqua", serif;
    --poids-police-grand-titre: 400;
    --font-style-grand-titre: normal;

    --police-sous-titre: "Cardo", serif;
    --poids-police-sous-titre: 400;
    --font-style-sous-titre: normal;

    --police-texte: "Source Code Pro", serif;
    --poids-police-texte: 400;
    --font-style-texte: normal;

    --force-bordures: 20px;
    --rayon-bordure-pilule: 50px;

    --ombre-hero: 0 4px 10px rgba(0, 0, 0, 0.5);
    --ombre-carte: 0 4px 8px rgba(0, 0, 0, 0.7);
    --ombre-bouton: 0 4px 8px rgba(0, 0, 0, 0.2);
    --opacite-overlay: 0.5;

    --gradient-bleu-fonce: linear-gradient(127deg, rgba(2,29,50,1) 7%, rgba(3,63,101,1) 34%, rgba(1,33,74,1) 86%);
    --gradient-violet-rose-peche: linear-gradient(121deg, rgba(94,0,238,1) 4%, rgba(114,4,228,1) 17%, rgba(117,4,227,1) 28%, rgba(124,5,223,1) 41%, rgba(167,12,201,1) 58%, rgba(188,16,190,1) 71%, rgba(201,59,194,1) 79%, rgba(232,161,202,1) 89%, rgba(247,209,206,1) 100%);
    --gradient-rouge-orange: linear-gradient(150deg, rgba(117,0,0,1) 8%, rgba(131,19,3,1) 30%, rgba(141,26,3,1) 52%, rgba(163,32,1,1) 77%, rgba(186,64,3,1) 100%);
    --gradient-vert: linear-gradient(150deg, rgba(31,102,0,1) 5%, rgba(9,116,3,1) 16%, rgba(8,131,6,1) 29%, rgba(7,142,8,1) 42%, rgba(6,161,12,1) 55%, rgba(5,177,15,1) 65%, rgba(4,192,18,1) 81%, rgba(0,237,27,1) 100%);
    --gradient-noir: linear-gradient(135deg, rgba(39,57,74,1) 0%, rgba(29,42,54,1) 16%, rgba(23,34,44,1) 32%, rgba(14,21,27,1) 59%, rgba(0,0,0,1) 100%);
    --gradient-vert-jaune: linear-gradient(135deg, rgba(1,129,33,1) 0%, rgba(173,159,1,1) 100%);
    --gradient-discord: linear-gradient(159deg, rgba(39,54,207,1) 3%, rgba(52,67,215,1) 19%, rgba(65,80,224,1) 48%, rgba(75,89,230,1) 59%, rgba(86,100,237,1) 75%, rgba(96,109,243,1) 87%, rgba(113,125,254,1) 100%);
    --gradient-noir-clair: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(5,3,35,1) 21%, rgba(6,5,34,1) 44%, rgba(8,8,32,1) 71%, rgba(14,16,29,1) 100%);

    --transition-grossissement: transform 0.2s ease;
    --media-query-sous-pc-portable: 1024px;

    /* Responsive automatique : pas besoin de media query */
    --padding-marges-page: clamp(2rem, 6vw, 6rem);
}

@media (max-width: 1024px) {
    :root {
        --h1-taille-texte: 4rem;
        --h2-taille-texte: 1.5rem;
    }
}