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

    --primary: rgb(247,119,0);
    --primary-foreground: white;
    --radius: 6px;

    --sidebar: white;
   /* --sidebar-accent: #EBE84350;*/

    --bread-foreground: #030C1F;
    --breadcrumb-bg: #ffffff;
    --breadcrumb-border: #ffffff00;
    /* dit zijn de hover kleuren

  --accent: #EBE84350;
    --accent-foreground: #030C1F;

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


    --schild-border: #0090b8;
    */

}

.bg-main-screen {
    background: #f1f5f9;
    opacity:1;
}