/* Syntrix Mail — personalização inicial */

:root {
  --syntrix-blue: #1253A4;
  --syntrix-dark: #102B50;
  --syntrix-bg: #F7F9FC;
}

body {
  font-family: Inter, system-ui, -apple-system,
               "Segoe UI", sans-serif;
}

#layout-menu {
  background: var(--syntrix-dark);
}

#layout-sidebar {
  background: var(--syntrix-bg);
}

#layout-list,
#layout-content {
  background-color: #FFFFFF;
}

#layout-list .selected,
#layout-list .message.selected {
  background-color: #E8F1FF;
}

body.task-login {
  background: linear-gradient(
    135deg, #102B50, #1253A4
  );
}

html.dark-mode #layout-sidebar,
html.dark-mode #layout-list,
html.dark-mode #layout-content {
  background-color: #20252D;
}

html.dark-mode #layout-list .selected,
html.dark-mode #layout-list .message.selected {
  background-color: #244568;
}