/* Dark theme — surfaces, text, brand green, grade colours, shadows.
   This file is NOT linked unconditionally: _Layout.cshtml decides per user.
     auto  → <link media="(prefers-color-scheme: dark)">  (follow the OS)
     dark  → <link> with no media (always on)
     light → not linked at all
   Keeping the dark tokens in their own file means one copy serves both the
   OS-driven and the user-forced paths — no duplicated blocks to drift. */
:root {
  color-scheme: dark;
  --sw-bg: #0e1512;
  --sw-surface: #151e1a;
  --sw-surface-raised: #1b2620;
  --sw-border: #263129;
  --sw-border-strong: #39463f;
  --sw-text: #e8eeea;
  --sw-text-muted: #93a39b;
  --sw-primary: #3f9b7e;
  --sw-primary-strong: #4fb694;
  --sw-primary-soft: #14332a;
  --sw-on-primary: #0c1712;
  --sw-ink-bar: #10241d;
  --sw-accent-soft: #3b2113;
  --sw-tally: #5b4694;          /* a step brighter so the purple reads on dark surfaces */
  --sw-danger-soft: #3a1d19;
  --sw-warn-soft: #362a12;
  --prio-3: #e0cf4a;
  --prio-3-soft: #33300f;
  --sw-ok-soft: #143024;
  --sw-info-soft: #16283e;
  --grade-a: #4caf7d;
  --grade-a-soft: #143024;
  --grade-b: #b3c33e;
  --grade-b-soft: #262b10;
  --grade-c: #e88a45;
  --grade-c-soft: #37220f;
  --grade-d: #e06552;
  --grade-d-soft: #3a1d19;
  --grade-na: #93a3ab;
  --grade-na-soft: #232a31;
  /* Dark-theme grade fills are lighter — dark ink keeps the contrast */
  --on-grade-a: #0c1f16;
  --on-grade-c: #241102;
  --shadow-1: 0 1px 3px rgb(0 0 0 / 0.4);
  --shadow-2: 0 6px 22px rgb(0 0 0 / 0.5);
}

/* Mint, not the UI green — a different register so it reads as a ghost. */
.page-art { color: var(--sw-mint); opacity: 0.09; }