:root {
  --mdc-layout-grid-margin-desktop: 16px;
  --mdc-layout-grid-gutter-desktop: 16px;
  --mdc-typography-button-text-transform: none;
  --mdc-typography-button-font-weight: 600;
  --mdc-theme-primary: #00c076;
  --mdc-theme-secondary: #042336;

  --theme-primary: #00c076;
  --theme-on-primary: #00c076;
  --theme-secondary: #828994;
  --theme-white: #ffffff;
  --theme-danger: #ce2644;
  --theme-success: #01bd6e;
  --theme-warning: #e6bb00;
  --theme-info: #27bcfd;
  --theme-grey-1: #ced4da;
  --theme-grey: #3a3a3a;
  --theme-light: #f0f1f3;
  --theme-dark: #0e141b;
  --theme-background: #f7f4f4;
  /* --theme-background: #ebeef0; */

  --theme-input-border: #c2c2c2;
  --theme-input-border-1: #00c076;

  --theme-header: #008b56;
  --theme-header--bg: #ffffff;

  --theme-component-subtext: rgba(0, 0, 0, 0.6);

  --theme-component-bg: #ffffff;
  --theme-component: #3f3f3f;
  /* --theme-component: rgba(0, 0, 0, 0.87); */
  --theme-component-bg-hover: #e4e4e4;
  --theme-component-hover: #252525;

  --theme-text: #212529;

  --mdc-shape-medium: 8px;
}