:root {
    --color-branding: #0072DA;
    --color-branding-translucent: #0072DA10;
    --color-branding-secondary: #02216E;
    --color-branding-contrast: white;
    --color-text-landing: white;
    --color-text-landing-placeholder: var(--color-subtle);
    --color-background-select-landing: #333;

    --logo: url('/static/images/preddio/logo-preddio.png');
    --logo-white: url('/static/images/preddio/logo-preddio-white.png');
    --logo-landing: var(--logo-white);

    --logo-height-header: 5em;
    --logo-width-header: 10em;

    --logo-height-modal: 7em;
    --logo-width-modal: 15em;

    --background-image: url('/static/images/preddio/icon-preddio.png');
    --background-image-landing: url('/static/images/preddio/background-landing-preddio.jpeg');
    --background-landing: var(--background-image-landing), var(--background-landing-gradient);
}

.container .backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
    border-radius: 0.3em;
    z-index: -1;
}