body {
    --r4-site-logo-width: 148px;
    --r4-site-logo-height: 20px;
    --r4-logo-width-footer: 206px;
    --r4-logo-height-footer: 30px;
    --r4-color-on-primary: #000;
    --r4-color-on-secondary: #fff;
    
    /* Splash screen */
    --splash-primary: rgba(211, 82, 40, 0.5);
    --splash-svg-placement: start;
    --splash-sitename-logo-width-sm:  181px;
    --splash-sitename-logo-height-sm: 43px;
    --splash-sitename-logo-width-md:  320px;
    --splash-sitename-logo-height-md: 76px;
    --splash-sitename-logo-width-lg:  320px;
    --splash-sitename-logo-height-lg: 76px;
    /* Splash screen - slutt */


    /* pre-login */
    /* Basar */

    --pre-login-background-color-1: var(--nettstedspalett-farge-4);
    --pre-login-background-color-2: var(--nettstedspalett-farge-5);

    --pre-login-title-color-1: #000;
    --pre-login-title-color-2: #000;

    --pre-login-btn-bg: var(--nettstedspalett-farge-2);
    --pre-login-btn-color: var(--r4-color-on-secondary);

    --pre-login-hero-bg: var(--nettstedspalett-farge-1);

    --pre-login-hero-logo-color: #fff;

    --pre-login-hero-bg-pos-x: center;
    --pre-login-hero-bg-pos-y: bottom;
    --pre-login-hero-logo-width: 320px;
    --pre-login-hero-logo-height: 76px;
    --pre-login-hero-logo-pos-x: flex-start;
    /* pre-login - slutt */






}
/* Eksempel på overstyring av variabler som peker på variabler fra paletten */
/* body {
    --r4-main-menu-background-color: var(--nettstedspalett-farge-2);
} */