/* Replace Forgejo's orange primary palette with blue. */
:root {
    --color-primary: #2563eb;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #1d4ed8;
    --color-primary-dark-2: #1e40af;
    --color-primary-dark-3: #1e3a8a;
    --color-primary-dark-4: #172554;
    --color-primary-dark-5: #172554;
    --color-primary-dark-6: #172554;
    --color-primary-dark-7: #172554;
    --color-primary-light-1: #3b82f6;
    --color-primary-light-2: #60a5fa;
    --color-primary-light-3: #93c5fd;
    --color-primary-light-4: #bfdbfe;
    --color-primary-light-5: #dbeafe;
    --color-primary-light-6: #eff6ff;
    --color-primary-light-7: #f8fafc;
    --color-primary-alpha-10: #2563eb19;
    --color-primary-alpha-20: #2563eb33;
    --color-primary-alpha-30: #2563eb4b;
    --color-primary-alpha-40: #2563eb66;
    --color-primary-alpha-50: #2563eb80;
    --color-primary-alpha-60: #2563eb99;
    --color-primary-alpha-70: #2563ebb3;
    --color-primary-alpha-80: #2563ebcc;
    --color-primary-alpha-90: #2563ebe1;
}

:root[data-theme="forgejo-dark"] {
    --color-accent: #60a5fa;
    --color-small-accent: #93c5fd;
}

@media (prefers-color-scheme: dark) {
    :root[data-theme="forgejo-auto"] {
        --color-accent: #60a5fa;
        --color-small-accent: #93c5fd;
    }
}

#navbar-logo {
    position: relative;
}

#navbar-logo img {
    width: 40px;
    height: 24px;
    content: url("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=");
    background: var(--color-text);
    -webkit-mask-image: url("../logo-letters.png?v=1");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("../logo-letters.png?v=1");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

#navbar-logo::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 24px;
    z-index: 1;
    content: "";
    transform: translate(-50%, -50%);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

#navbar-logo::after {
    background: #3b82f6;
    -webkit-mask-image: url("../logo-slash.png?v=1");
    mask-image: url("../logo-slash.png?v=1");
}

body:has(.page-content.user.signin) #navbar .navbar-left > .item:not(#navbar-logo),
body:has(.page-content.user.signin) #navbar .navbar-mobile-right,
body:has(.page-content.user.signin) #navbar .navbar-right {
    display: none;
}

/* Keep the signed-out screen free of vendor and diagnostic links. */
footer.page-footer {
    display: none;
}