:root {
    --custom-bgc-navbar: #D4ECDD;
    --custom-design-accent: #3D63DD;
    --custom-design-gray: #8B8D98;
    --custom-design-background: #FFFFFF;
}

#custom-navbar {
    background-color: var(--custom-bgc-navbar) !important;
}

body {
    background-color: var(--custom-design-background);
}


/* radix-ui.com 
Accent :        #2E8B7D
Gray :          #B0A499
Background :    #F3EDE4
*/

/*
:root, .light, .light-theme {
    --teal-1: #e8ebeb;
    --teal-2: #e0e7e5;
    --teal-3: #d0e1dd;
    --teal-4: #bfd9d4;
    --teal-5: #acd0c8;
    --teal-6: #96c3ba;
    --teal-7: #78b2a7;
    --teal-8: #4c9c8e;
    --teal-9: #2e8b7d;
    --teal-10: #1b7e70;
    --teal-11: #006458;
    --teal-12: #1f3a35;
  
    --teal-a1: #cae6ff43;
    --teal-a2: #0054fe0a;
    --teal-a3: #029bb425;
    --teal-a4: #02919a37;
    --teal-a5: #018b854b;
    --teal-a6: #01807762;
    --teal-a7: #027a6c82;
    --teal-a8: #027867b0;
    --teal-a9: #007465cf;
    --teal-a10: #007062e3;
    --teal-a11: #006458;
    --teal-a12: #01201cdf;
  
    --teal-contrast: #fff;
    --teal-surface: #dce6e5cc;
    --teal-indicator: #2e8b7d;
    --teal-track: #2e8b7d;
}
  
@supports (color: color(display-p3 1 1 1)) {
@media (color-gamut: p3) {
:root, .light, .light-theme {
--teal-1: oklch(93.8% 0.0033 181.1);
--teal-2: oklch(92.1% 0.0072 181.1);
--teal-3: oklch(89.5% 0.0189 181.1);
--teal-4: oklch(86.5% 0.0292 181.1);
--teal-5: oklch(82.9% 0.0391 181.1);
--teal-6: oklch(78.2% 0.0489 181.1);
--teal-7: oklch(71.9% 0.062 181.1);
--teal-8: oklch(63.8% 0.0817 181.1);
--teal-9: oklch(57.9% 0.0888 181.1);
--teal-10: oklch(53.5% 0.0888 181.1);
--teal-11: oklch(44.8% 0.0888 181.1);
--teal-12: oklch(32.6% 0.0352 181.1);

--teal-a1: color(display-p3 0.8 0.898 1 / 0.231);
--teal-a2: color(display-p3 0.0118 0.6 0.898 / 0.071);
--teal-a3: color(display-p3 0.0078 0.5373 0.6549 / 0.129);
--teal-a4: color(display-p3 0.0078 0.502 0.549 / 0.191);
--teal-a5: color(display-p3 0.0039 0.4824 0.4627 / 0.261);
--teal-a6: color(display-p3 0.0039 0.4392 0.4078 / 0.343);
--teal-a7: color(display-p3 0.0039 0.4 0.3608 / 0.451);
--teal-a8: color(display-p3 0 0.3882 0.3294 / 0.6);
--teal-a9: color(display-p3 0 0.3686 0.3098 / 0.695);
--teal-a10: color(display-p3 0 0.3373 0.2824 / 0.748);
--teal-a11: color(display-p3 0 0.2745 0.2314 / 0.831);
--teal-a12: color(display-p3 0 0.098 0.0824 / 0.848);

--teal-contrast: #fff;
--teal-surface: color(display-p3 0.8667 0.898 0.898 / 0.8);
--teal-indicator: oklch(57.9% 0.0888 181.1);
--teal-track: oklch(57.9% 0.0888 181.1);
}
}
}*/