/* nortapp brand theme: Gitea's auto (light/dark) theme with the corporate palette and typography. */
@import "./theme-gitea-auto.css";

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
}

gitea-theme-meta-info {
    --theme-display-name: "nortapp";
}

:root {
    --fonts-override: "Inter", -apple-system, "Segoe UI", system-ui, Roboto, sans-serif;
    --border-radius: 8px;
    --color-primary: #2563EB;
    --color-primary-contrast: #FFFFFF;
    --color-primary-dark-1: #1F5BDC;
    --color-primary-dark-2: #1D4ED8;
    --color-primary-dark-3: #1E44BE;
    --color-primary-dark-4: #1E40AF;
    --color-primary-dark-5: #1E3A8A;
    --color-primary-dark-6: #1C3478;
    --color-primary-dark-7: #172554;
    --color-primary-light-1: #3B82F6;
    --color-primary-light-2: #5592F7;
    --color-primary-light-3: #60A5FA;
    --color-primary-light-4: #93C5FD;
    --color-primary-light-5: #BFDBFE;
    --color-primary-light-6: #DBEAFE;
    --color-primary-light-7: #EFF6FF;
    --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;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-primary: #3B82F6;
        --color-primary-contrast: #FFFFFF;
        --color-primary-dark-1: #5592F7;
        --color-primary-dark-2: #60A5FA;
        --color-primary-dark-3: #7AB4FB;
        --color-primary-dark-4: #93C5FD;
        --color-primary-dark-5: #A9D1FD;
        --color-primary-dark-6: #BFDBFE;
        --color-primary-dark-7: #DBEAFE;
        --color-primary-light-1: #2F75E8;
        --color-primary-light-2: #2563EB;
        --color-primary-light-3: #1D4ED8;
        --color-primary-light-4: #1E40AF;
        --color-primary-light-5: #1E3A8A;
        --color-primary-light-6: #172554;
        --color-primary-light-7: #0F1A3A;
        --color-primary-alpha-10: #3B82F619;
        --color-primary-alpha-20: #3B82F633;
        --color-primary-alpha-30: #3B82F64B;
        --color-primary-alpha-40: #3B82F666;
        --color-primary-alpha-50: #3B82F680;
        --color-primary-alpha-60: #3B82F699;
        --color-primary-alpha-70: #3B82F6B3;
        --color-primary-alpha-80: #3B82F6CC;
        --color-primary-alpha-90: #3B82F6E1;
    }
}

.home .logo {
    filter: drop-shadow(0 12px 32px rgba(59, 130, 246, 0.35));
}