:root {
  --primary: #0F443F;
  --secondary: #ACE6A4;

  /* GENERAL */
  --background: #FDFDFD;
  --bar-background: #ffffff;
  --menu: linear-gradient(0deg, #1E4E41 0%, #09262B 44.93%);
  --menu-btn: #0F443F;
  --border: #e7e8ed;
  --content-background: #EEF0F8;
  --scroll-background: #EEF0F8;
  --scroll: #C1C2CA;
  --text: #0F1011;
  --text-muted: #6c757d;
  --title: #181C32;
  --btn-text: #B5B5C3;
  --filter-background: #ffffff;
  --integration-border: #ecedf4;
  --card-background: #ffffff;
  --small-card-bg: #F4F4F4;

  /* DATEPICKER */
  --datepicker-border: #e7e8ed;
  --datepicker-off-ends: #ffffff;
  --datepicker-text: #3F4254;
  --datepicker-label-text: #003535;
  --datepicker-btn-text: #003535;
  --datepicker-btn-background: #C8F4C3;
  --datepicker-btn-border: #ACE6A4;
  --datepicker-calendar-background: #ffffff;
  --datepicker-background: #ffffff;
  --datepicker-label-background: #F3F6F9;

  /* CHART */
  --chart-text-color: #0F1011;
  --chart-inverted-text-color: #F3F4F6;
  --chart-background: #F3F4F6;
  --chart-border: #e7e8ed;
  --chart-title: #003535;
  --chart-secondary: #66CC99;
  --chart-grid-color: #e7e8ed;
}

html.dark-mode {
  /* GENERAL */
  --background: #0C0B0B;
  --bar-background: #0C0B0B;
  --menu: #0C0B0B;
  --menu-btn: #1E1E20;
  --border: #2b2b2b;
  --content-background: #0F0E0E;
  --scroll-background: #0F0E0E;
  --scroll: #2b2b2b;
  --text: #F3F4F6;
  --text-muted: #C2C2C2;
  --title: #CAF7C4;
  --btn-text: #e7e8ed;
  --filter-background: #1E1E1F;
  --integration-border: #2b2b2b;
  --card-background: #1E1E20;
  --small-card-bg: #0F1011;

  /* DATEPICKER */
  --datepicker-border: #000000;
  --datepicker-off-ends: #0F1011;
  --datepicker-text: #e7e8ed;
  --datepicker-label-text: #F3F4F6;
  --datepicker-btn-text: #ffffff;
  --datepicker-btn-background: #003535;
  --datepicker-btn-border: #034040;
  --datepicker-calendar-background: #343434;
  --datepicker-background: #0C0B0B;
  --datepicker-label-background: #2b2b2b;

  /* CHART */
  --chart-text-color: #F3F4F6;
  --chart-inverted-text-color: #0F1011;
  --chart-background: #0F1011;
  --chart-border: #2b2b2b;
  --chart-title: #66CC99;
  --chart-grid-color: #2b2b2b;
}