/* Light grey appearance for myTinyTodo Team. */

:root {
  color-scheme: light;

  --color-bg: #eef1f4;
  --color-input-bg: #ffffff;
  --color-toolbar: #dfe4e8;
  --color-btn-toolbar-hover: #cfd5da;
  --color-row-underlinig: #d3d8dc;
  --color-border-default: #bfc6cc;
  --color-content-delimiter: #a9c6e8;
  --color-footer: #d8e4f1;

  --color-tab: #e5e9ec;
  --color-tab-selected: #d5dbe0;
  --color-tab-hover: #cfd5da;
  --color-tab-border: #c8ced3;

  --color-menu: #f4f6f8;
  --color-menu-border: #bfc6cc;

  --color-tasklist-row: #f8f9fa;
  --color-tasklist-row-border: #d3d8dc;
  --color-tasklist-row-inter-border: #e0e4e7;
  --color-tasklist-listname-bg: #dfe4e8;

  --color-taglist-tag-bg: #d9dee2;
  --color-md-bg-highlighted: #e4e8eb;
  --color-settings-row: #e2e6e9;
  --color-placeholder: #d1d6da;
  --color-placeholder-border: #9da6ad;
}

/* Harmonized footer panel; top navigation keeps the classic flat style. */
#footer_content {
  background:var(--color-footer);
  border:1px solid var(--color-border-default);
  border-radius:6px;
  box-shadow:0 -1px 2px rgba(70, 80, 90, 0.08);
}