/* Gastrovo — nur Farben
   Off-white #fbfbf9 · Near-black #1e1c1c · Teal #0f766e */

:root {
  --gv-bg: #fbfbf9;
  --gv-ink: #1e1c1c;
  --gv-muted: #5c5956;
  --gv-line: #e8e6e1;
  --gv-teal: #0f766e;
  --gv-teal-soft: #e6f2f1;
  --gv-white: #ffffff;
}

html,
html.dark-mode,
body,
body.dark-mode {
  background: var(--gv-bg) !important;
  color: var(--gv-ink) !important;
}

body.task-login,
body.task-login #layout {
  background: var(--gv-bg) !important;
}

a,
a:hover,
.listing tbody tr.selected td a,
.listing li.selected a,
.navlist li.selected a {
  color: var(--gv-teal) !important;
}

.button.mainaction,
.btn-primary,
input.button.mainaction,
#rcmloginsubmit,
#login-form button.mainaction,
#login-form .button.mainaction {
  background: var(--gv-teal) !important;
  border-color: var(--gv-teal) !important;
  color: #fff !important;
}

.button.mainaction:hover,
.btn-primary:hover,
#rcmloginsubmit:hover {
  background: #0c5f59 !important;
  border-color: #0c5f59 !important;
}

#layout-menu {
  background: var(--gv-ink) !important;
}

#layout-menu a,
#layout-menu .button,
#layout-menu .special-buttons a {
  color: #fff !important;
}

#layout-menu a.selected,
#layout-menu .selected,
#layout-menu a:hover,
#layout-menu .button:hover {
  color: var(--gv-teal) !important;
}

#layout-content,
#layout-list,
#layout-sidebar,
#layout-footer {
  background: var(--gv-white) !important;
  color: var(--gv-ink) !important;
}

#layout-header,
.header {
  background: var(--gv-bg) !important;
  color: var(--gv-ink) !important;
  border-color: var(--gv-line) !important;
}

.listing tbody tr.selected td,
.listing li.selected,
.folderlist li.selected > a,
.messagelist tr.selected td {
  background: var(--gv-teal-soft) !important;
  color: var(--gv-ink) !important;
}

.listing tbody tr:hover td,
.messagelist tr:hover td {
  background: #f3f2ef !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--gv-teal) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15) !important;
}

.badge,
.quota-text,
.folderlist span.unreadcount,
.mailboxlist span.unreadcount {
  background: var(--gv-teal) !important;
  color: #fff !important;
}

.ui-widget-header,
.ui-state-active,
.ui-button.ui-state-active {
  background: var(--gv-teal) !important;
  border-color: var(--gv-teal) !important;
  color: #fff !important;
}

.formbuttons .btn-primary,
.content .btn-primary {
  background: var(--gv-teal) !important;
  border-color: var(--gv-teal) !important;
}