/* Landing page (index.html) dark palette (#811). Linked with media="(prefers-color-scheme: dark)"
   AFTER the page's inline <style>, so it wins the cascade and only blocks rendering in dark (no
   flash of light). No toggle: public pages follow the phone / browser setting. Surfaces and text
   are the app's dark scale from theme.css (#1a1a1a / #2d2d2d / #242424, text #e5e7eb, rule #3a3a3a).
   --brand is used as TEXT all over this page, so it moves to #34d399 (8.4:1 on #1a1a1a); the places
   it is a FILL under white text are pinned to #047857 (5.5:1) below. The projector "screen" panels
   are dark by design and keep their own tokens. */
:root { color-scheme: dark; }
:root {
    --bg-page: #1a1a1a;
    --paper: #1a1a1a; --surface: #2d2d2d; --surface-2: #242424;
    --ink: #e5e7eb; --muted: #b0b7c0; --line: #3a3a3a;
    --brand: #34d399; --brand-deep: #6ee7b7; --brand-tint: #1f3a2a; --brand-ink: #6ee7b7;
    --accent: #a78bfa; --accent-tint: #2a2f4a;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .55);
}
.land .btn-primary, .land .chip-btn.primary, .land .play,
.land .r-row.done .r-check { background: #047857; border-color: #047857; }
/* `.land a{color:inherit}` outranks .btn-primary's #fff, leaving the label #e5e7eb (4.43:1). */
.land .btn-primary { color: #fff; }
.land .btn-primary:hover { background: #065f46; }
.land .blk { box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }