: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: #009bd5;
  --mdc-theme-secondary: #042336;

  --theme-primary: #009bd5;
  --theme-on-primary: #009bd5;
  --theme-rgb-primary: 0 155 213;
  --theme-secondary: #828994;
  --theme-rgb-secondary: 130 137 148;
  --theme-white: #ffffff;
  --theme-danger: #ce2644;
  --theme-rgb-danger: 206 38 68;
  --theme-success: #01bd6e;
  --theme-rgb-success: 1 189 110;
  --theme-info: #00edf5;
  --theme-rgb-info: 0 237 245;
  --theme-warning: #e6bb00;
  --theme-rgb-warning: 230 187 0;
  --theme-info: #27bcfd;
  --theme-rgb-info: 39 188 253;
  --theme-grey-1: #ced4da;
  --theme-grey-2: #868686;
  --theme-grey: #3a3a3a;
  --theme-light: #f0f1f3;
  --theme-dark: #0e141b;
  --theme-background: #f5f6f7;
  --theme-background: #f7f8f9;

  --theme-input-border: #dddddd;
  --theme-input-border-1: #009bd5;

  --theme-header: #009ada;
  --theme-header--bg: #ffffff;
  
  --theme-link: #00b4ff;

  --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;
  --theme-text-rgb: rgb(130 130 130 / 64%);

  --mdc-shape-medium: 14px;
  --mdc-layout-grid-gutter-desktop: 22px;
  
  --mdc-typography-font-family: 'Rubik', sans-serif;
}