/* 
  Field Notes dark colour overrides
  =================================
  Load this instead of site-colors.css when previewing a dark theme.
*/

html,
body {
  background-color: #0b1220 !important;
  color: #e5e7eb !important;
  color-scheme: dark;
}

/* Base text and links */
body {
  color: #e5e7eb !important;
}

a {
  color: #7cc4ff;
}

a:hover {
  color: #a5d8ff;
}

/* Main page containers and common content wrappers */
main,
.data-table,
.card,
.panel,
.content {
  background: transparent;
}

/* Header/nav treatment */
.site-nav {
  background-color: rgba(15, 23, 42, 0.58);
  border: 1px solid rgba(148, 163, 184, 0.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.site-nav a,
.site-nav svg {
  color: #f8fafc !important;
}