:root {
    --background: oklch(1 0 0);
    --foreground: oklch(0.129 0.042 264.695);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.129 0.042 264.695);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.129 0.042 264.695);

    --primary: oklch(0.208 0.042 265.755);
    --primary-foreground: oklch(0.984 0.003 247.858);
    --secondary: oklch(0.968 0.007 247.896);
    --secondary-foreground: oklch(0.208 0.042 265.755);
    --muted: oklch(0.968 0.007 247.896);
    --muted-foreground: oklch(0.554 0.046 257.417);
    --accent: oklch(0.968 0.007 247.896);
    --accent-foreground: oklch(0.208 0.042 265.755);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.577 0.245 27.325);
    --border: oklch(0.929 0.013 255.508);
    --input: oklch(0.929 0.013 255.508);
    --ring: oklch(0.704 0.04 256.788);
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --radius: 0.625rem;

    --sidebar: oklch(0.968 0.007 247.896);
    --sidebar-width: 18rem;
    --sidebar-foreground: hsl(240 5.3% 26.1%);
    --sidebar-primary: oklch(0.208 0.042 265.755);
    --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
    --sidebar-accent: white; /*oklch(0.968 0.007 247.896)*/;
    --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
    --sidebar-border: oklch(0.929 0.013 255.508);
    --sidebar-ring: oklch(0.704 0.04 256.788);

    /*
    Door mij toegvoegd
        (Ook toevoegen in app.css)  */
    --overlay-background: white;


    /* schild dingen */
    --breadcrumb-bg: rgb(255,255,255);
    --breadcrumb-foreground: var(--foreground);
    --breadcrumb-border: var(--border);

    --schild-border: var(--border);
}


.bg-main-screen {
    background-color: #ffffff;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 8px ), repeating-linear-gradient( #f1f5f955, #f1f5f9 );

}


/*.dark {*/
/*    --background: oklch(0.129 0.042 264.695);*/
/*    --foreground: oklch(0.984 0.003 247.858);*/
/*    --card: oklch(0.129 0.042 264.695);*/
/*    --card-foreground: oklch(0.984 0.003 247.858);*/
/*    --popover: oklch(0.129 0.042 264.695);*/
/*    --popover-foreground: oklch(0.984 0.003 247.858);*/
/*    --primary: oklch(0.984 0.003 247.858);*/
/*    --primary-foreground: oklch(0.208 0.042 265.755);*/
/*    --secondary: oklch(0.279 0.041 260.031);*/
/*    --secondary-foreground: oklch(0.984 0.003 247.858);*/
/*    --muted: oklch(0.279 0.041 260.031);*/
/*    --muted-foreground: oklch(0.704 0.04 256.788);*/
/*    --accent: oklch(0.279 0.041 260.031);*/
/*    --accent-foreground: oklch(0.984 0.003 247.858);*/
/*    --destructive: oklch(0.396 0.141 25.723);*/
/*    --destructive-foreground: oklch(0.637 0.237 25.331);*/
/*    --border: oklch(0.279 0.041 260.031);*/
/*    --input: oklch(0.279 0.041 260.031);*/
/*    --ring: oklch(0.446 0.043 257.281);*/
/*    --chart-1: oklch(0.488 0.243 264.376);*/
/*    --chart-2: oklch(0.696 0.17 162.48);*/
/*    --chart-3: oklch(0.769 0.188 70.08);*/
/*    --chart-4: oklch(0.627 0.265 303.9);*/
/*    --chart-5: oklch(0.645 0.246 16.439);*/
/*    --sidebar: oklch(0.208 0.042 265.755);*/
/*    --sidebar-foreground: oklch(0.984 0.003 247.858);*/
/*    --sidebar-primary: oklch(0.488 0.243 264.376);*/
/*    --sidebar-primary-foreground: oklch(0.984 0.003 247.858);*/
/*    --sidebar-accent: oklch(0.279 0.041 260.031);*/
/*    --sidebar-accent-foreground: oklch(0.984 0.003 247.858);*/
/*    --sidebar-border: oklch(0.279 0.041 260.031);*/
/*    --sidebar-ring: oklch(0.446 0.043 257.281);*/

/*    --overlay-background: darkorange;*/
/*}*/