:root {
    --color-primary: #2F2F2F;
    --hero-overlay-color: #d4d4d4;
    --color-accent: #2F2F2F;
    --color-soft: #cbe2d6;
    --color-soft-tekst: #2f2f2f;
    --color-bg: #E8E6DF;
    --color-surface: #fff9ef;
    --color-bg-soft: #fff9ef;
    --color-white: #ffffff;
    --shadow-soft: #d4d4d4;
    --color-button-back: #c27854;
    --color-mobil-tekst-bg: #ecbf89;
    --color-button-tekst: #ffffff;
    --color-tekst: #2f2f2f;
    --color-cardkant: #c77e00;
    --color-cardkant_hover: #c77e00;
    --color-card_bundcirkle: #b7e538;
    --color-card-icon: #ef964e;
    --color-header-shadow: #2f2f2f;
    --color-tekst-lys: #f4f3ef;
    --color-tekst-mork: #000000;
    --color-tekst-header: #3b3a3a;
    --color-header-surface: #f7cb99;
    --color-editor-highlight: #d31d1d;
    --color-footer-bg: #8eaf9e;
    --color-card-text: #990000;
    --color-card-pil: #990000;
    --color-intro-tekst: #1002d4;
    --color-login-tekst: #2f2f2f;
    --color-footer-tekst: #ffffff;
    --hero-text-top: 50%;
    --hero-text-left-offset: 0px;
    --header-margin-top: 0px;
    --header-margin-side: ;
    --header-padding-bottom: ;
    --hero-radius: 12px;
    --hero-height-front: 452px;
    --hero-height-subpage: 360px;
    --hero-text-padding-top: 100px;
    --hero-text-padding-side: 30px;
    --card-radius: 32px;
    --bundcirkle_width: 100px;
    --bundcirkle_height: 100px;
    --cards_per_row: 4;
    --card_overlap_header: 0px;
    --kicker_text_size: 1rem;
    --hero_text_size: 2.85rem;
    --herosub_text_size: 1.3rem;
    --text_sub: 0.85rem;
}