:root{
    --fz-bg: #06021e;
    --fz-bg-default: #140f29;
    --fz-bg-primary: #181633;
    --fz-bg-secondary: #302a4a;
    /**/   
    --fz-background:var(--fz-bg);
    --fz-border-components: #33333f;
    --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: white;
    --fz-menu-icon-hover: white;
    /*Font Configuration*/
    --fz-font: "Montserrat", sans-serif;
    --fz-font-body: #9a9aaa;
    --fz-font-h: #969ba5;
    --fz-font-class-h: #707085;
    /* 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:#1e54e1;
    --fz-callout-warning:#ff6270;
    --fz-callout-alert:#ffde80;
    /* 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: #676988;
    --fz-input-form:var(--fz-bg);
    --fz-input-border: var(--fz-border-components);
    --fz-input-focus: var(--fz-bg-primary);
    --fz-input-placeholder: var(--fz-border-components);
    --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(1);
}