body {
    --r4-site-logo-width: 323px;
    --r4-site-logo-height: 21px;
    --r4-logo-width-footer: 240px;
    --r4-logo-height-footer: 52px;
    --r4-color-on-primary: #fff;
    --r4-color-on-secondary: #000;

    --nettstedspalett-farge-1: #4547A0;
    --nettstedspalett-farge-2: #3CC9A8;
    --nettstedspalett-farge-3: #9498D0;
    --nettstedspalett-farge-4: #C8CAE8;
    --nettstedspalett-farge-5: #E4E5F3;
    
    /* Splash screen */
    --splash-primary: var(--nettstedspalett-farge-1);
    --splash-svg-placement: center;
    --splash-sitename-logo-width-sm:  180px;
    --splash-sitename-logo-height-sm: 41px;
    --splash-sitename-logo-width-md:  240px;
    --splash-sitename-logo-height-md: 52px;
    --splash-sitename-logo-width-lg:  360px;
    --splash-sitename-logo-height-lg: 78px;
    /* 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: center;
    --pre-login-hero-logo-width: 360px;
    --pre-login-hero-logo-height: 78px;
    --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);
} */