/* SEG-branded dark theme overrides on top of Tailwind (loaded via CDN). */

:root { color-scheme: dark; }

html, body { background-color: #0d1320; }

/* Highlighted search matches inside snippets — SEG-blue tint, readable on dark. */
.snippet mark {
  background-color: #2f4d96;   /* tint of SEG Blue #17479E */
  color: #ffffff;
  padding: 0 2px;
  border-radius: 2px;
}

/* Native search "x" + dark form controls */
input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }

/* Date/select arrows etc. legible on dark */
select, input { color-scheme: dark; }

/* Modal dialog */
dialog {
  color: #eef1f7;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}

/* Subtle dark scrollbars */
* {
  scrollbar-width: thin;
  scrollbar-color: #2c3650 #0d1320;
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #0d1320; }
*::-webkit-scrollbar-thumb {
  background: #2c3650;
  border-radius: 6px;
  border: 2px solid #0d1320;
}
*::-webkit-scrollbar-thumb:hover { background: #3a466b; }

/* Selection color */
::selection { background: #17479E; color: #fff; }