:root {
    --color-primary: #2F2F2F;
    --hero-overlay-color: #d4d4d4;
    --color-accent: #2F2F2F;
    --color-soft: #cbe2d6;
    --color-soft-tekst: #2f2f2f;
    --color-bg: #e8e6df;
    --color-surface: #f7f5f0;
    --color-bg-soft: #fff9ef;
    --color-white: #ffffff;
    --shadow-soft: #d4d4d4;
    --color-button-back: #c27854;
    --color-mobil-tekst-bg: #f7f3ee;
    --color-button-tekst: #ffffff;
    --color-tekst: #2f2f2f;
    --color-cardkant: #e8e6df;
    --color-cardkant_hover: #b4c9be;
    --color-card_bundcirkle: #cbe2d6;
    --color-card-icon: #ef964e;
    --color-header-shadow: #2f2f2f;
    --color-tekst-lys: #f4f3ef;
    --color-tekst-mork: #000000;
    --color-tekst-header: #4b4949;
    --color-header-surface: #f7cb99;
    --color-editor-highlight: #d31d1d;
    --color-footer-bg: #c27854;
    --color-card-text: #5f5144;
    --color-card-pil: #c27854;
    --color-intro-tekst: #3f3e41;
    --color-login-tekst: #2f2f2f;
    --color-footer-tekst: #f5f5f5;
    --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: 400px;
    --hero-height-subpage: 360px;
    --hero-text-padding-top: 140px;
    --hero-text-padding-side: 30px;
    --card-radius: 32px;
    --bundcirkle_width: 86px;
    --bundcirkle_height: 86px;
    --cards_per_row: 4;
    --card_overlap_header: 3px;
    --kicker_text_size: 1rem;
    --hero_text_size: 3.05rem;
    --herosub_text_size: 1.2rem;
    --text_sub: 1.05rem;
}