/* Night theme — the homepage's night-planet idiom carried into the app.
   Activated by html.night (set in main.js when ?style=night). Same warm cream
   ink and deep blue-black ground as home-poc/style.css; Expeditions-grade
   restraint. Loaded after the other sheets; overrides only. */

html.night {
  --ink: #f4ead8;                            /* warm cream — matches the wordmark */
  --paper: #0b0d12;                          /* deep night ground */
  --bright: #f4ead8;
  --muted: rgba(244, 234, 216, 0.58);
  --faint: rgba(244, 234, 216, 0.12);
  --amber-hi: #e8a83e;

  --glass-bg: rgba(14, 16, 22, 0.55);
  --glass-border: rgba(244, 234, 216, 0.18);
  --glass-hover: rgba(244, 234, 216, 0.08);
}

html.night body { background: var(--paper); }

/* intro landing (direct visits; the dive skips it) */
html.night #intro { background: var(--paper); }

/* the active now-playing card: --ink is its SURFACE in day mode (dark card on
   paper); at night that inverts to cream-on-cream, so give it its own night
   surface — soft cream glass on the dark ground */
html.night .row.active,
html.night .row.active:hover {
  background: rgba(244, 234, 216, 0.07);
  box-shadow: inset 0 0 0 1px rgba(244, 234, 216, 0.14);
}

/* on-card dims that assumed a near-black card */
html.night .row.active .row-zone,
html.night .row.active .src-link { color: rgba(244, 234, 216, 0.55); }
html.night .row.active .src-link { background: rgba(244, 234, 216, 0.08); }
html.night .row-scrub { background: rgba(244, 234, 216, 0.2); }

/* chips invert via tokens (cream chip, dark text) — keep, it reads well.
   Hover surfaces that assumed paper: */
html.night .src-link:hover { background: rgba(244, 234, 216, 0.1); color: var(--ink); }

/* scrollbars + hairlines soften */
html.night #sidebar { border-right-color: var(--faint); }

/* dev-preview banner */
html.night #preview-banner,
html.night .preview-banner { background: #14171d; color: var(--muted); }