: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: #ffead1;
    --color-button-tekst: #ffffff;
    --color-tekst: #2f2f2f;
    --color-cardkant: #990000;
    --color-cardkant_hover: #ff7e05;
    --color-card_bundcirkle: #b7e538;
    --color-card-icon: #990000;
    --color-header-shadow: #2f2f2f;
    --color-tekst-lys: #f4f3ef;
    --color-tekst-mork: #000000;
    --color-tekst-header: #bc0101;
    --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: 500px;
    --hero-height-subpage: 360px;
    --hero-text-padding-top: ;
    --hero-text-padding-side: -20px;
    --card-radius: 32px;
    --bundcirkle_width: 100px;
    --bundcirkle_height: 100px;
    --cards_per_row: 4;
}