body {
    --r4-site-logo-width: 105px;
    --r4-site-logo-height: 26px;
    --r4-logo-width-footer: 110px;
    --r4-logo-height-footer: 40px;
    --r4-color-on-primary: #fff;
    --r4-color-on-secondary: #fff;

    /* Splash screen */
    --splash-primary: rgba(50, 51, 51, 0.902);
    --splash-svg-placement: flex-start;
   --splash-sitename-logo-width-sm:  210px;
   --splash-sitename-logo-height-sm: 49px;
   --splash-sitename-logo-width-md:  320px;
   --splash-sitename-logo-height-md: 74px;
   --splash-sitename-logo-width-lg:  320px;
   --splash-sitename-logo-height-lg: 74px;
    /* Splash screen - slutt */
    /* pre-login */
    /* geografi */

    --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-bg-pos-x: center;
    --pre-login-hero-bg-pos-y: 35%;
    --pre-login-hero-logo-width: 320px;
    --pre-login-hero-logo-height: 74px;
    --pre-login-hero-logo-pos-x: flex-start;
    /* pre-login - slutt */
}