:root {
    --color-key-blue: #0069bf;
    --color-key-blue-50: rgb(0 105 191 / 50%);
    --color-background-nav: #002675;
    --color-background-nav-dt: #0a0a40;
    --color-background-page: #ffffff;
    --color-background-footer: #f2f4f8;
    --color-text: #002675;
    --color-text-light: rgb(0 38 117 / 70%);

    --default-font-color: #002675;
    --header-font-color: #002675;
    --breadcrumb-font-color: #00388f;
    --hover-link-color: #0069bf;
    --footer-background: #f2f4f8;
    --footer-font-color: #002675;
    --average-color: #002675;
    --brief-color: rgb(0 38 117 / 70%);
    --border-color: rgb(0 38 117 / 20%);
    --navigation-highlight-color: #e6f7fe;
    --active-tab-border-color: #0069bf;
    --active-section-color: #0069bf;
    --sidemenu-section-active-color: #0069bf;

    --dokka-logo-image-url: url("../images/abrantix_logo_small.svg");
    --dokka-logo-width: 63px;
    --dokka-logo-height: 29px;
}

.navigation {
    background: radial-gradient(
        60% 120% at 20% 20%,
        #002675 33%,
        #0a0a40 100%
    );
}

html.theme-dark {
    --color-key-blue: #80d5fa;
    --color-key-blue-50: rgb(128 213 250 / 50%);
    --color-background-page-dt: #1b1b1d;
    --color-background-footer-dt: #0a0a40;
    --color-text-dt: rgb(255 255 255 / 96%);
    --color-text-light-dt: rgb(255 255 255 / 70%);

    --background-color: #1b1b1d;
    --default-font-color: rgb(255 255 255 / 96%);
    --header-font-color: #ffffff;
    --breadcrumb-font-color: #80d5fa;
    --hover-link-color: #80d5fa;
    --footer-background: #0a0a40;
    --footer-font-color: rgb(255 255 255 / 70%);
    --average-color: rgb(255 255 255 / 96%);
    --brief-color: rgb(255 255 255 / 70%);
    --border-color: rgb(255 255 255 / 20%);
    --navigation-highlight-color: rgb(128 213 250 / 12%);
    --active-tab-border-color: #80d5fa;
    --active-section-color: #80d5fa;
    --sidemenu-section-active-color: #80d5fa;
}