:root {
  --ol-accent:        #0078D4;
  --ol-accent-hover:  #106EBE;
  --ol-accent-light:  #E5F1FB;
  --ol-border:        #E1DFDD;
  --ol-text:          #201F1E;
  --ol-font: 'Segoe UI', 'Public Sans', 'Inter', -apple-system,
             BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

body, .rcmail {
  font-family: var(--ol-font) !important;
  color: var(--ol-text);
}

#messagelist tr:hover,
.message-list tr:hover {
  background: var(--ol-accent-light) !important;
}

#messagelist tr.selected,
.message-list tr.selected {
  background: var(--ol-accent-light) !important;
  border-left: 3px solid var(--ol-accent) !important;
}

#messagelist tr.unread td.subject,
.message-list tr.unread td.subject {
  font-weight: 600;
}

.btn-primary,
.btn.btn-primary {
  background: var(--ol-accent) !important;
  border-color: var(--ol-accent) !important;
}

.btn-primary:hover {
  background: var(--ol-accent-hover) !important;
  border-color: var(--ol-accent-hover) !important;
}

#folderlist li.selected > a,
#folderlist li a:hover {
  background: var(--ol-accent-light) !important;
  color: var(--ol-accent) !important;
  font-weight: 600;
}

#layout-topbar,
.header-titlebar {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--ol-border) !important;
  box-shadow: none !important;
}

#message-objects,
.message-preview {
  border-left: 1px solid var(--ol-border) !important;
}