body {
    --bs-primary-rgb: 0,102,255;
}

@media (prefers-color-scheme: dark) {
    :root, [data-bs-theme="light"] {
        color-scheme: dark;

        /* Bakgrunner */
        --bs-body-bg: #212529;
        --bs-body-bg-rgb: 33, 37, 41;
        --bs-body-secondary-bg: #2b3035;
        --bs-body-secondary-bg-rgb: 43, 48, 53;
        --bs-body-tertiary-bg: #343a40;
        --bs-body-tertiary-bg-rgb: 52, 58, 64;

        /* Tekstfarger */
        --bs-body-color: #dee2e6;
        --bs-body-color-rgb: 222, 226, 230;
        --bs-secondary-color: rgba(222, 226, 230, 0.75);
        --bs-secondary-color-rgb: 222, 226, 230;
        --bs-tertiary-color: rgba(222, 226, 230, 0.5);
        --bs-tertiary-color-rgb: 222, 226, 230;
        --bs-emphasis-color: #fff;
        --bs-emphasis-color-rgb: 255, 255, 255;

        /* Lenker i navbar og generelt */
        --bs-link-color: #66b2ff;
        --bs-link-hover-color: #99ccff;

        /* Borders og linjer */
        --bs-border-color: #495057;
        --bs-border-color-translucent: rgba(255, 255, 255, 0.15);

        --bs-body-color: #dee2e6;
        --bs-body-color-rgb: 222,226,230;
        --bs-body-bg: #212529;
        --bs-body-bg-rgb: 33,37,41;
        --bs-emphasis-color: #fff;
        --bs-emphasis-color-rgb: 255,255,255;
        --bs-secondary-color: rgba(222, 226, 230, 0.75);
        --bs-secondary-color-rgb: 222,226,230;
        --bs-secondary-bg: #343a40;
        --bs-secondary-bg-rgb: 52,58,64;
        --bs-tertiary-color: rgba(222, 226, 230, 0.5);
        --bs-tertiary-color-rgb: 222,226,230;
        --bs-tertiary-bg: #2b3035;
        --bs-tertiary-bg-rgb: 43,48,53;
        --bs-primary-text-emphasis: #6ea8fe;
        --bs-secondary-text-emphasis: #a7acb1;
        --bs-success-text-emphasis: #75b798;
        --bs-info-text-emphasis: #6edff6;
        --bs-warning-text-emphasis: #ffda6a;
        --bs-danger-text-emphasis: #ea868f;
        --bs-light-text-emphasis: #f8f9fa;
        --bs-dark-text-emphasis: #dee2e6;
        --bs-primary-bg-subtle: #031633;
        --bs-secondary-bg-subtle: #161719;
        --bs-success-bg-subtle: #051b11;
        --bs-info-bg-subtle: #032830;
        --bs-warning-bg-subtle: #332701;
        --bs-danger-bg-subtle: #2c0b0e;
        --bs-light-bg-subtle: #343a40;
        --bs-dark-bg-subtle: #1a1d20;
        --bs-primary-border-subtle: #084298;
        --bs-secondary-border-subtle: #41464b;
        --bs-success-border-subtle: #0f5132;
        --bs-info-border-subtle: #087990;
        --bs-warning-border-subtle: #997404;
        --bs-danger-border-subtle: #842029;
        --bs-light-border-subtle: #495057;
        --bs-dark-border-subtle: #343a40;
        --bs-heading-color: inherit;
        --bs-link-color: #6ea8fe;
        --bs-link-hover-color: #8bb9fe;
        --bs-link-color-rgb: 110,168,254;
        --bs-link-hover-color-rgb: 139,185,254;
        --bs-code-color: #e685b5;
        --bs-highlight-color: #dee2e6;
        --bs-highlight-bg: #664d03;
        --bs-border-color: #495057;
        --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
        --bs-form-valid-color: #75b798;
        --bs-form-valid-border-color: #75b798;
        --bs-form-invalid-color: #ea868f;
        --bs-form-invalid-border-color: #ea868f;
    }

    body {
        --bs-primary-rgb: 101, 163, 255;
    }

    /* Tvinger Nginx/Bootstrap-komponenter til å bruke de mørke variablene */
    .bg-body-tertiary {
        background-color: var(--bs-body-tertiary-bg) !important;
    }
    .bg-body-secondary {
        background-color: var(--bs-body-secondary-bg) !important;
    }
    .navbar-nav .nav-link {
        color: var(--bs-secondary-color);
    }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
        color: var(--bs-emphasis-color);
    }
    .navbar-nav .nav-link.active {
        color: #66b2ff !important;
    }
}

.e-ms[data-m] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.hero {
    min-height: 25vh;
}

@media (min-width: 768px) {
    .hero {
        min-height: 60vh;
    }
}

.splash-text {
    text-shadow: 0px 0px 4px rgba(76, 76, 76, 0.67);
}

.hero-bg-image {
    background: 
        linear-gradient(
            90deg,
            rgba(20, 24, 33, 0.85) 0%,
            rgba(20, 24, 33, 0.6) 40%,
            rgba(0, 0, 0, 0) 100%
        ),
        url("../images/andebu-kSxmwcb.webp");
    background-size: cover;
    background-repeat: no-repeat;
    backdrop-filter: invert;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px;
    z-index: 100;
}
.skip-link:focus {
    top: 0;
}

.fs-7 {
    font-size: 0.9rem;
}

.fs-8 {
    font-size: 0.8rem;
}