body {
    --r4-site-logo-width: 252px;
    --r4-site-logo-height: 20px;
    --r4-logo-width-footer: 290px;
    --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:  290px;
    --splash-sitename-logo-height-sm: 30px;
    --splash-sitename-logo-width-md:  435px;
    --splash-sitename-logo-height-md: 45px;
    --splash-sitename-logo-width-lg:  580px;
    --splash-sitename-logo-height-lg: 60px;
    /* Splash screen - slutt */


    /* pre-login */
    /* Citizen-sf */

    --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: top;
    --pre-login-hero-logo-width: 435px;
    --pre-login-hero-logo-height: 45px;
    --pre-login-hero-logo-pos-x: flex-start;
    --pre-login-hero-logo-pos-y: bottom;
    --pre-login-hero-logo-padding: 350px 0 0 0;
    /* pre-login - slutt */

}