/* ════════════════════════════════════════════════════════════════════════
   GNOSIS — "Modernist Grotesk" design tokens
   One token object drives both Day and Night — see docs/handoff/design_handoff_gnosis.
   Swap :root[data-theme] and every themed surface re-skins with zero structural change.
   Night is the default (matches Gnosis's dark-only history); Day is opt-in via the
   chrome's Day/Night switch (persisted to localStorage key "gnosis_theme").
   ════════════════════════════════════════════════════════════════════════ */

:root,
:root[data-theme="night"] {
  /* MOD_DARK */
  --bg:#0d0c0a;
  --panel:#161410;
  --ink:#f0eee6;
  --ink2:#d8d4c8;
  --inkMid:#bdb9ab;
  --inkSoft:#9a9589;
  --rule:#f0eee6;
  --ruleLite:#3a362c;
  --acc:#93b6ff;
  --accLite:#26396e;
  --shadow:0 1px 0 rgba(0,0,0,0.4);

  /* Highlight & selection systems */
  --hl:rgba(255,214,64,0.26);        --hlBorder:#e0b84d;  --hlText:#fbeec2;
  --dkHl:rgba(96,206,234,0.26);      --dkBorder:#62cdec;  --dkText:#d6f3fb;  --dkAcc:#62cdec;
  --selBg:rgba(125,168,255,0.34);    --selText:#ffffff;

  /* Hero / lead-tile inverted surface */
  --accentTile:#152141;
  --accentTileFg:#f0eee6;
  --accentTileFgMid:#c6d2ee;
  --accentTileFgSoft:#8fa3cf;
  --accentTileCat:#9cb8ff;
  --accentTileRule:rgba(255,255,255,0.12);

  /* Category accent spectrum (Newsboard ticks & filter swatches ONLY — never fills) */
  --cat-Politics:#8a96bf;
  --cat-Culture:#c08ab8;
  --cat-Economics:#d8b25a;
  --cat-Environment:#74b07e;
  --cat-Philosophy:#5fb0b0;
  --cat-Science:#7aa3d8;
  --cat-Technology:#8a9bdf;
  --cat-History:#c0a878;
  --cat-Arts:#e08a5f;
  --cat-Health:#66c79a;
}

:root[data-theme="day"] {
  /* MOD_LIGHT */
  --bg:#f6f6f3;
  --panel:#ffffff;
  --ink:#0a0a0a;
  --ink2:#1a1a1a;
  --inkMid:#4a4a4a;
  --inkSoft:#7a7a7a;
  --rule:#0a0a0a;
  --ruleLite:#d8d6d0;
  --acc:#1e3a8a;
  --accLite:#dbe2f3;
  --shadow:0 1px 0 rgba(0,0,0,0.04);

  --hl:#ffef9f;                      --hlBorder:#b8860b;  --hlText:#0a0a0a;
  --dkHl:#b6e8f5;                    --dkBorder:#0e7490;  --dkText:#0a0a0a;  --dkAcc:#0e7490;
  --selBg:rgba(30,58,138,0.22);      --selText:#0a0a0a;

  --accentTile:#0a0a0a;
  --accentTileFg:#ffffff;
  --accentTileFgMid:rgba(255,255,255,0.75);
  --accentTileFgSoft:rgba(255,255,255,0.6);
  --accentTileCat:#ffffff;
  --accentTileRule:rgba(255,255,255,0.15);

  --cat-Politics:#3f4a6b;
  --cat-Culture:#7a3f74;
  --cat-Economics:#9a7320;
  --cat-Environment:#3f6b45;
  --cat-Philosophy:#2f6b6b;
  --cat-Science:#3f6190;
  --cat-Technology:#2f3f80;
  --cat-History:#6b5230;
  --cat-Arts:#a85433;
  --cat-Health:#2f7a5a;
}

/* ── Typography roles ──────────────────────────────────────────────────────
   display = Space Grotesk (headlines AND body copy/decks/bylines)
   ui      = Inter (controls, nav, buttons, annotation/Dr. Know note text)
   mono    = JetBrains Mono (meta, labels, numerals, kickers, timestamps)       */
:root {
  --font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;
}

/* ── Selection — replace the browser default everywhere ────────────────── */
::selection { background: var(--selBg); color: var(--selText); }

/* ── Structural conventions (Modernist Grotesk) ────────────────────────────
   Rules are the primary structural device, not shadows:
     • strong rule  = 1.5px solid var(--rule)
     • hairline     = 1px solid var(--ruleLite)
     • elevation    = var(--shadow) only (a 1px seam) — avoid soft ambient shadows
   Corners are square (0px radius) EXCEPT:
     • category pills            → border-radius: 10px
     • the Day/Night pill switch → border-radius: 999px
     • bottom-sheet top corners  → border-radius: 14px 14px 0 0
   Real elevation appears only on true overlays:
     • selection tooltip   → box-shadow: 0 8px 22px rgba(0,0,0,0.28)
     • mobile bottom sheet → box-shadow: 0 -18px 40px rgba(0,0,0,0.28)
   ────────────────────────────────────────────────────────────────────────── */