:root {
    --muted-foreground: #030C1f;

    --primary: #EBE843;
    --primary-foreground: #030C1F;
    --radius: 14px;

    /* dit zijn de hover kleuren */
    --accent: #EBE84350;
    --accent-foreground: #030C1F;

    --sidebar-accent: var(--primary);
    --sidebar-border: #0090b8;

    --bread-foreground: #030C1F;
    --breadcrumb-bg: #fff;
    --breadcrumb-border: #0090b8;
    --schild-border: #0090b8;
}

.bg-main-screen {
    background: white;
    opacity:1;
    /*background-image: url('/vendor/gradiant/gradient-1.jpg');*/
    /*background-image: url(https://www.zeezeilers.nl/uploads/slides/_thumbs/__home_2000x600.jpg);*/
    background-position: center;
    background-attachment: fixed;
    background-size: cover;

}
.bg-auth-screen {
    background-image: url(https://www.zeezeilers.nl/uploads/slides/_thumbs/__home_2000x600.jpg)
    /*background-color: #ffffff;*/
    /*opacity: 1;*/
    /*background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 8px ), repeating-linear-gradient( #f1f5f955, #f1f5f9 );*/

}