:root {
  --lighten-10: 60%; /* 10% lighter (hsl) */
  /* --main-font-family: Times, 'Comic Sans MS', sans-serif; */
  --light-theme-background-color: #f4f5f6;
}

/* body.dark {
}*/

body.light {
  /* --main-font-size: 18px; */
  /* --main-font-family: 'Open Sans', sans-serif; */

  /* Spacing */
  /* --main-padding: 5px; */
  /* --main-margin: 0px; */

  --default-app-title-background-color: var(--light-theme-background-color);

  --scrollbar-track-background-color: #ffffff;
  --scrollbar-thumb-background-color: #0c0c0c;

  --main-link-color: #1d1d1d;
  --link-color: #1d1d1d;

  /* Container */
  --container-background-color: #ffffff;
  --container-color: black;

  /* Html */
  /* --html-padding: 10px; */

  /* Tab */
  --tab-header-item-body-background-color: #d6d6d6;
  --tab-header-item-hover-body-background-color: #aaaaaa;
  --tab-header-background-color: #d6d6d6;
  --tab-header-item-selected-body-background-color: #aaaaaa;

  /* Tree */
  --context-menu-item-body-border-color: #0c0c0c;

  --context-menu-item-color: #1d1d1d;
  --context-menu-item-body-background-color: #d6d6d6;
  /* --context-menu-border-radius: 5px; */
  --context-menu-item-body-border-color: #0c0c0c;
  --main-content-hover-background-color: #aaaaaa;
  --context-menu-item-hover-color: #0c0c0c;

  /* Card */
  --card-border: none;
  --card-background-color: white;
  --card-title-color: rgb(43, 43, 43);
  /* --card-border-radius: 5px; */
  /* --card-border-style: solid; */
  --card-border-thickness: 2px;
  --card-border-color: #d6d6d6;

  /* Table */
  --table-header-background-color: #ffffff;
  --table-header-color: #1d1d1d;
  --table-row-background-color-even: #f0f0f0;
  --table-row-background-color-odd: #e0e0e0;
  --table-row-border-color: #efeff0;
  --table-row-hover: #fbfbfb;

  /* Chip */
  --chip-body-background-color: #d3d3d3;

  /* Window */
  --window-body-background-color: #ebebeb;

  /* Group */
  --group-background-color: #d6d6d6;

  /* Form */
  --form-background-color: #ffffff;

  /* Field */
  --field-color: #eb8500;

  /* Textbox */
  --textbox-control-background-color: var(--light-theme-background-color);
  --textbox-control-color: #1d1d1d;
  --textbox-control-focus-border-color: --field-color;
  --textbox-control-focus-box-shadow: --field-color;

  /* Select */
  --select-control-focus-border-color: --field-color;
  --select-control-focus-box-shadow: --field-color;

  /* Accordion */
  --accordion-heading-color: #9fa5ad;

  /* List */
  --list-item-hover-background-color: #fbfbfb;
  --list-item-color: #1d1d1d;
  --list-item-icon-color: #9fa5ad;

  /* Typeahead */
  --typeahead-background-color: var(--light-theme-background-color);

  /* TODO: This is for things not yet implemented */
  --splitter-border-color: #efeff0;
}