:root {
    /* Couleurs globales */
    --primary-bg-color: rgb(136, 192, 208);
    --primary-bg-hl-color: rgb(121, 184, 202);
    --primary-font-color: rgb(59, 66, 82);
    --danger-bg-color: rgb(191, 97, 106);
    --danger-bg-hl-color: rgb(176, 89, 100);
    --danger-font-color: rgb(4, 4, 4);

    /* Couleurs du thème */
    --default-color: rgb(255, 255, 255);
    --bg-color: rgb(242, 244, 248);
    --font-color: rgb(76, 86, 106);
    --footer-color: rgb(251, 251, 252);
    --link-colink-color: rgb(59, 66, 82);
    --link-hover-color: rgb(76, 86, 106);
    --input-color: rgb(76, 86, 106);
    --input-active-color: rgb(229, 233, 240);
    --navbar-color: rgb(242, 244, 248);

    --form-bg-color: rgb(255, 255, 255);
    --form-box-color: rgba(184, 194, 215, 0.35);

    --border-color: rgb(229, 233, 240);

    --pagination-text-color: rgb(76, 86, 106);
    --pagination-border-color: rgb(76, 86, 106);
    --pagination-text-hover-color: rgb(115, 151, 186);
    --pagination-border-hover-color: rgb(115, 151, 186);
}

[data-theme="dark"] {
    --default-color: rgb(76, 86, 106);
    --bg-color: rgb(36, 41, 51);
    --font-color: rgb(236, 239, 244);
    --footer-color: rgb(59, 66, 82);
    --link-color: rgb(171, 185, 207);
    --link-hover-color: rgb(236, 239, 244);
    --input-color: rgb(236, 239, 244);
    --input-active-color: rgb(36, 41, 51);
    --navbar-color: rgb(59, 66, 82);

    --form-bg-color: rgb(46, 52, 64);
    --form-box-color: rgba(15, 17, 21, 0.2);

    --border-color: rgb(59, 66, 82);


    --pagination-text-color: rgb(236, 239, 244);
    --pagination-border-color: rgb(76, 86, 106);
    --pagination-text-hover-color: rgb(115, 151, 186);
    --pagination-border-hover-color: rgb(115, 151, 186);
}