body {
    --r4-site-logo-width: 108px;
    --r4-site-logo-height: 20px;
    --r4-logo-width-footer: 216px;
    --r4-logo-height-footer: 40px;
    --r4-color-on-primary: #fff;
    --r4-color-on-secondary: #fff;

    /* Splash screen */
    --splash-primary: rgba(74, 76, 75, 0.7);
    --splash-svg-placement: flex-start;
    --splash-sitename-logo-width-sm: 181px;
    --splash-sitename-logo-height-sm: 34px;
    --splash-sitename-logo-width-md: 320px;
    --splash-sitename-logo-height-md: 60px;
    --splash-sitename-logo-width-lg: 320px;
    --splash-sitename-logo-height-lg: 60px;
    /* 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-logo-bg: rgba(0, 0, 0, 0);
    --pre-login-hero-logo-color: #008aa2;
    --pre-login-hero-logo-padding: 0px;

    --pre-login-hero-bg-pos-x: right;
    --pre-login-hero-bg-pos-y: center;
    --pre-login-hero-logo-width: 320px;
    --pre-login-hero-logo-height: 60px;
    --pre-login-hero-logo-pos-x: flex-start;
    --pre-login-hero-logo-bg: rgba(var(--cd-brand-1), 0.7);
    --pre-login-hero-logo-padding: 3% 2% 30% 2%;
    /* pre-login - slutt */
}