:root{
    --fz-bg: #fafaff;
    --fz-bg-default: #fcfcfc;
    --fz-bg-primary: #fafafc;
    --fz-bg-secondary: #ffffff;
  /**/   
    --fz-background:var(--fz-bg);
    --fz-border-components: #d6d6e2;
    --fz-border-radius-components: .7rem;
    --fz-component-hover: var(--fz-bg-secondary);
    --fz-top-bar: var(--fz-bg-default);
    --fz-title-bar: var(--fz-bg-default);
    --fz-menu-icon: black;
    --fz-menu-icon-hover: black;
  /*Font Configuration*/
    --fz-font: "Montserrat", sans-serif;
    --fz-font-body: rgb(133, 131, 155);
    --fz-font-h: rgb(140, 138, 154);
    --fz-font-class-h: rgb(177, 170, 189);
  /* Button colors */
    --fz-default: #4c20ed;
    --fz-primary: #4c20ed;
    --fz-secondary: #3611bb;
    --fz-success: rgb(85, 235, 191);
    --fz-warning: rgb(255, 98, 112);
    --fz-alert: rgb(255, 222, 128);
    --fz-default-hover: #3103d9;
    --fz-primary-hover: #3815b8;
    --fz-secondary-hover: #1f057d;
    --fz-success-hover: rgb(58, 219, 118);
    --fz-warning-hover: rgb(224, 62, 76);
    --fz-alert-hover: rgb(230, 189, 79);
  /* Callout Configuration */
    --fz-callout-text: #fefefe;
    --fz-callout-default:var(--fz-bg-default);
    --fz-callout-primary:var(--fz-bg-primary);
    --fz-callout-secondary:var(--fz-bg-secondary);
    --fz-callout-success:rgb(30, 84, 225);
    --fz-callout-warning:rgb(255, 98, 112);
    --fz-callout-alert:rgb(255, 222, 128);
  /* Card Configuration */
    --fz-card-background: var(--fz-bg-default);
    --fz-card-divider: var(--fz-bg-primary);
  /* Accordion Configuration */
    --fz-accordion-background: var(--fz-bg);
    --fz-accordion-hover: var(--fz-bg-primary);
    --fz-accordion-content: var(--fz-bg-default);
  /* Tabs Configuration */
    --fz-tabs-background: var(--fz-bg);
    --fz-tabs-content: var(--fz-bg-default);
    --fz-tabs-title-hover: var(--fz-bg-default);
    --fz-tabs-title-focus: var(--fz-bg-primary);
    --fz-tabs-primary: var(--fz-bg-default);
    --fz-tabs-primary-hover: var(--fz-primary);
  /* Table Configuration */
    --fz-table:var(--fz-bg-default);
    --fz-table-thead:var(--fz-bg-primary);
    --fz-table-foot:var(--fz-bg-secondary);
    --fz-table-unstrip:var(--fz-bg);
    --fz-table-hover:var(--fz-bg-primary);
  /* Forms Configuration */
    --fz-input-label: rgb(103, 105, 136);
    --fz-input-form:rgb(241, 243, 242);
    --fz-input-border: var(--fz-border-components);
    --fz-input-focus: var(--fz-bg-primary);
    --fz-input-placeholder: var(--fz-font-h);
    --fz-select-border: var(--fz-border-components);
    --fz-select-background: var(--fz-input-form);
    --fz-select-focus:var(--fz-input-form);
    --fz-select-shadow: var(--fz-bg-secondary);
  /* Reveal Configuration*/
    --fz-reveal-background: var(--fz-bg-primary);
   }
   ::-webkit-calendar-picker-indicator {
    filter: invert(0);
}