.theme {
  --text-color_primary: 0, 0, 0;
  --text-color_secondary: 49, 49, 64;
  --text-color_tertiary: 0, 83, 94;
  --text-color_quaternary: 228, 236, 238;
  --text-color_high-contrast: 255, 255, 255;

  --button-color_primary: 0, 83, 94;
  --button-color_secondary: 107, 203, 184;
  --button-color_tertiary: 0, 83, 94;
  --button-color_disabled: 173, 188, 191;

  --icon-color_primary: 0, 0, 0;
  --icon-color_secondary: 0, 83, 94;
  --icon-color_tertiary: 107, 203, 184;

  --background-color_primary: 255, 255, 255;
  --background-color_cell: 255, 255, 255;
  --background-color_primary-variant: 246, 248, 247;

  --navigation_background-color: 0, 83, 94;
  --navigation_button-color: 107, 203, 184;
  --navigation_button-color_selected: 0, 83, 94;
  --navigation_button_background-color_selected: 255, 255, 255;

  --tab-panel_background-color: 182, 206, 208;
  --tab-panel_background-color_selected: 0, 83, 94;
  --tab-panel_foreground-color: 0, 0, 0;
  --tab-panel_foreground-color_selected: 255, 255, 255;

  --divider-color_primary: 182, 206, 208;

  --alert-color_dark: 85, 28, 37;

  --today-color_dark: 0, 48, 60;
  --today-color_light: 228, 236, 238;

  --success-color_dark: 29, 99, 88;
  --success-color_light: 107, 203, 184;

  --future-color_dark: 138, 57, 10;
  --future-color_light: 228, 236, 238;

  --canceled-color_dark: 202, 202, 200;
  --canceled-color_light: 228, 232, 233;

  --now-color_dark: 0, 48, 60;
  --now-color_light: 0, 83, 94;

  /* Adjust login logo image scale */
  --loginLogo-scale: 1.75;

  /* Adjust nav logo image scale */
  --navLogo-horizontalPadding-scale: 5px;
}

@media screen and (prefers-color-scheme: dark) {
  .theme {
    --text-color_primary: 255, 255, 255;
    --text-color_secondary: 159, 168, 168;
    --text-color_tertiary: 159, 168, 168;
    --text-color_quaternary: 228, 236, 238;
    --text-color_high-contrast: 0, 0, 0;

    --button-color_primary: 0, 83, 94;
    --button-color_secondary: 107, 203, 184;
    --button-color_tertiary: 70, 163, 180;
    --button-color_disabled: 31, 42, 44;

    --icon-color_primary: 255, 255, 255;
    --icon-color_secondary: 70, 163, 180;
    --icon-color_tertiary: 107, 203, 184;

    --background-color_primary: 0, 0, 0;
    --background-color_cell: 19, 20, 20;
    --background-color_primary-variant: 15, 16, 16;

    --navigation_background-color: 5, 29, 31;
    --navigation_button-color: 133, 199, 185;
    --navigation_button-color_selected: 5, 29, 31;
    --navigation_button_background-color_selected: 255, 255, 255;

    --tab-panel_background-color: 28, 29, 29;
    --tab-panel_background-color_selected: 10, 78, 90;
    --tab-panel_foreground-color: 255, 255, 255;
    --tab-panel_foreground-color_selected: 255, 255, 255;

    --divider-color_primary: 52, 52, 53;

    --alert-color_dark: 255, 96, 81;

    --today-color_dark: 107, 203, 184;
    --today-color_light: 5, 29, 33;

    --success-color_dark: 107, 203, 184;
    --success-color_light: 209, 234, 230;

    --future-color_dark: 234, 113, 37;
    --future-color_light: 21, 22, 22;

    --canceled-color_dark: 30, 32, 32;
    --canceled-color_light: 30, 32, 32;

    --now-color_dark: 7, 52, 60;
    --now-color_light: 10, 78, 90;

    /* Adjust button text on dark background */
    --button-text: var(--text-color_primary);
  }
}