@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');

:root {
    /* primary colors */
    --color-fjord: #184764; /* Headings, navigation, main surfaces, highlights in a dark theme */
    --color-linen: #F3EBDD; /* Light surfaces, documents, creating a sense of space and calm */

    --color-white: #FFF;
    --color-black: #000;

    /* secondary colors */
    --color-terracotta: #BF6B4F; /* Accent; individual highlights, markers, callouts, small graphic details. Used sparingly */
    --color-himmel: #9FBBCC; /* Used for secondary surfaces, boxes, background elements, and subtle highlights */
    --color-plommon: #64403E; /* Deep accent: emphasis, dark details, contrast elements. Used sparingly */

    --color-alert-link: #1d6491;
    --color-header-footer-link: #B45E41;
}

body {
    font-family: 'DM Sans', sans-serif;
}

.wrapper-esch {
    background: var(--color-fjord);
    background-size: cover;
}

#mainPageInfoScreen a:not(.btn), .loginmodule a {
    color: var(--color-himmel);
}

#mainPageInfoScreen a:hover, .loginmodule a:hover {
    color: var(--color-white);
    text-decoration: underline;
}

a {
    color: var(--color-fjord);
}

#mainboxstart .alert a:not(.btn) {
    color: var(--color-alert-link) !important;
}

.footer a, .language-container a, .instructions a, .register-container a {
    color: var(--color-header-footer-link);
}

.footer a:hover, .language-container a:hover, .instructions a:hover, .register-container a:hover {
    color: var(--color-header-footer-link);
    text-decoration: underline;
}

.kulturfonden-tab {
    color: var(--color-himmel) !important;
    border-bottom: 10px solid var(--color-himmel);
}

.kulturfonden-tab-p, .kulturfonden-tab-w, .kulturfonden-tab-o, .kulturfonden-tab-all, .main-box-content-header {
    display:none;
}

/* Tabs – active / current */
.kulturfonden-tabs-active,
.current-steptab .text {
    color: var(--color-white) !important;
    border-bottom: 10px solid var(--color-white) !important;
}

/* Steps */
.kulturfonden-round-step-ok .text {
    color: var(--color-linen);
    border-bottom: 10px solid var(--color-linen);
}

.kulturfonden-round-step-nok div.steplabel,
.kulturfonden-round-step-nok .tab-arrow {
    color: var(--color-himmel);
}

.current-steptab div.steplabel,
.current-steptab .tab-arrow {
    color: var(--color-white);
}

.kulturfonden-round-step-nok .text {
    color: var(--color-himmel);
    border-bottom: 10px solid var(--color-himmel);
}

.kulturfonden-round-step-ok div.steplabel,
.kulturfonden-round-step-ok .tab-arrow {
    color: var(--color-linen);
}

.blue-module {
    background-color: var(--color-linen);
    color: var(--color-black);
}

.blue-module a:hover {
    color: var(--color-fjord);
    text-decoration: underline;
}