/* Light and dark themes, shared by every page.
   Each colour is a variable named after its dark-theme value (--c-6E9CAE is the
   dark theme's #6E9CAE), so the tracker's colour classes (.tx6E9CAE etc.) and its
   charts keep their names and just read the variable. The page's head script sets
   <html data-theme="light|dark"> from the saved choice (Auto / Light / Dark, see
   common.js), before anything is drawn. */
:root {
  color-scheme: dark;
  /* backgrounds */
  --c-061A24: #061A24; --c-08222F: #08222F; --c-0E2C3B: #0E2C3B; --c-142E3E: #142E3E; --c-1B2E42: #1B2E42;
  --c-142E1F: #142E1F; --c-1F4A30: #1F4A30; --c-4A3A1F: #4A3A1F; --c-5A2020: #5A2020;
  /* accent (white text sits on it in both themes) */
  --c-1C7293: #1C7293; --c-2BA6D6: #2BA6D6;
  /* lines */
  --c-143A4C: #143A4C; --c-1C4456: #1C4456; --c-2A4A66: #2A4A66;
  /* text */
  --c-EAF4F7: #EAF4F7; --c-7FB8CC: #7FB8CC; --c-6E9CAE: #6E9CAE; --c-9FBFD0: #9FBFD0; --c-5FA8C2: #5FA8C2;
  --c-8FB8E8: #8FB8E8; --c-B8D4F0: #B8D4F0;
  /* good / warning / bad */
  --c-9FE8BB: #9FE8BB; --c-7FCB9C: #7FCB9C; --c-4FBE8A: #4FBE8A; --c-9FBFAA: #9FBFAA;
  --c-E0A45F: #E0A45F; --c-E0B85F: #E0B85F; --c-F2C14E: #F2C14E;
  --c-FF9B9B: #FF9B9B; --c-FFD9D9: #FFD9D9; --c-E0635A: #E0635A;
}

:root[data-theme="light"] {
  color-scheme: light;
  --c-061A24: #FFFFFF; --c-08222F: #F2F6F8; --c-0E2C3B: #FFFFFF; --c-142E3E: #EAF1F5; --c-1B2E42: #E4EDF5;
  --c-142E1F: #E2F4E8; --c-1F4A30: #CDEBD8; --c-4A3A1F: #FBEBCF; --c-5A2020: #FBE2E2;
  --c-1C7293: #1C7293; --c-2BA6D6: #1C7FAF;
  --c-143A4C: #D5E2E8; --c-1C4456: #D2DFE6; --c-2A4A66: #C5D5E2;
  --c-EAF4F7: #10293A; --c-7FB8CC: #3F6E82; --c-6E9CAE: #557887; --c-9FBFD0: #4A6B7C; --c-5FA8C2: #1F7A99;
  --c-8FB8E8: #2F6AA8; --c-B8D4F0: #2B5C8F;
  --c-9FE8BB: #1B7A44; --c-7FCB9C: #2E8A55; --c-4FBE8A: #2E9D68; --c-9FBFAA: #4E7A5E;
  --c-E0A45F: #B26A12; --c-E0B85F: #9A7410; --c-F2C14E: #9C6F00;
  --c-FF9B9B: #C23B3B; --c-FFD9D9: #9B2222; --c-E0635A: #C9453B;
}

/* The Auto / Light / Dark switch in the top bar. */
.st-theme { background: none; border: 1px solid var(--c-1C4456); color: var(--c-7FB8CC); border-radius: 999px;
  padding: 3px 10px; font: inherit; cursor: pointer; margin: 0; }
.st-theme:hover { color: var(--c-EAF4F7); }