@import url("/assets/css/theme-forgejo-auto.css");

/* ---------- Light mode: darkened Eclite blue (hue 199) ---------- */
:root {
    --color-primary:            #0b73b4;
    --color-primary-contrast:   #ffffff;

    --color-primary-dark-1:     #0a68a3;
    --color-primary-dark-2:     #095c91;
    --color-primary-dark-3:     #08517f;
    --color-primary-dark-4:     #07456d;
    --color-primary-dark-5:     #063a5b;
    --color-primary-dark-6:     #052f49;
    --color-primary-dark-7:     #042337;

    --color-primary-light-1:    #0d80c7;
    --color-primary-light-2:    #108dd9;
    --color-primary-light-3:    #2199e3;
    --color-primary-light-4:    #45a9e9;
    --color-primary-light-5:    #6abaee;
    --color-primary-light-6:    #9acff4;
    --color-primary-light-7:    #c9e5f9;

    --color-primary-alpha-10:   #0b73b41a;
    --color-primary-alpha-20:   #0b73b433;
    --color-primary-alpha-30:   #0b73b44d;
    --color-primary-alpha-40:   #0b73b466;
    --color-primary-alpha-50:   #0b73b480;
    --color-primary-alpha-60:   #0b73b499;
    --color-primary-alpha-70:   #0b73b4b3;
    --color-primary-alpha-80:   #0b73b4cc;
    --color-primary-alpha-90:   #0b73b4e6;
}

/* ---------- Dark mode: the logo blue, unmodified ---------- */
@media (prefers-color-scheme: dark) {
    :root {
        --color-primary:          #74d0fa;
        --color-primary-contrast: #04222f;

        --color-primary-dark-1:   #5cc5f8;
        --color-primary-dark-2:   #44baf6;
        --color-primary-dark-3:   #2caff4;
        --color-primary-dark-4:   #14a4f2;
        --color-primary-dark-5:   #0c8fd8;
        --color-primary-dark-6:   #0a79b6;
        --color-primary-dark-7:   #086394;

        --color-primary-light-1:  #86d6fb;
        --color-primary-light-2:  #98dcfb;
        --color-primary-light-3:  #aae2fc;
        --color-primary-light-4:  #bce8fd;
        --color-primary-light-5:  #ceeefd;
        --color-primary-light-6:  #e0f4fe;
        --color-primary-light-7:  #f0f9fe;

        --color-primary-alpha-10: #74d0fa1a;
        --color-primary-alpha-20: #74d0fa33;
        --color-primary-alpha-30: #74d0fa4d;
        --color-primary-alpha-40: #74d0fa66;
        --color-primary-alpha-50: #74d0fa80;
        --color-primary-alpha-60: #74d0fa99;
        --color-primary-alpha-70: #74d0fab3;
        --color-primary-alpha-80: #74d0facc;
        --color-primary-alpha-90: #74d0fae6;
    }
}