/* ---------------------------------------------------------------------------
 * Dark-view contrast fixes.
 *
 * Each rule here covers a place where the dark view put light type on a
 * ground that never darkened (a hardcoded pastel or a white overlay on the
 * red), or kept a dark colour on a ground that did. Everything is scoped to
 * [data-theme="dark"], so the light view is untouched. Ratios in the comments
 * were measured against the ground each rule produces; 4.5 is the bar for
 * body text.
 *
 * Kept in its own file so it can be folded into site.css later without
 * colliding with work in progress there.
 * ------------------------------------------------------------------------ */

/* Files list in the project room. The section pastels stayed light while the
   type on them went cream (~1.0). Each section keeps its hue, taken down to a
   dark tint, and its ink comes up to a light one: body 12.6+, meta 6.5+,
   section label 7.3+. */
:root[data-theme="dark"] .sec--team       { --sec-bg: #1B2E21; --sec-ink: #8FD1A2; }
:root[data-theme="dark"] .sec--brief      { --sec-bg: #3A2116; --sec-ink: #F2A77A; }
:root[data-theme="dark"] .sec--budget     { --sec-bg: #33290F; --sec-ink: #E8C766; }
:root[data-theme="dark"] .sec--contract   { --sec-bg: #26213D; --sec-ink: #B9A9F0; }
:root[data-theme="dark"] .sec--treatment  { --sec-bg: #122C30; --sec-ink: #7FCFD9; }
:root[data-theme="dark"] .sec--production { --sec-bg: #3A1A26; --sec-ink: #F29AB8; }
:root[data-theme="dark"] .sec--review     { --sec-bg: #172539; --sec-ink: #9BBDF0; }
:root[data-theme="dark"] .sec--delivery   { --sec-bg: #1E2E15; --sec-ink: #AED98A; }
:root[data-theme="dark"] .sec--none       { --sec-bg: #2A2622; --sec-ink: #C9C2B5; }

/* A crew member's message in the room chat: fixed light teal behind cream
   type (1.0). Dark teal keeps the "this is crew" cue: body 13.3, meta 6.9. */
:root[data-theme="dark"] .assistant__msg--creator { background: #13292C; border-left-color: #4FB3BF; }

/* "Next in this room" was a fixed dark brown on the dark panel (2.1). */
:root[data-theme="dark"] .quickreplies__label { color: var(--color-neutral); }

/* "More" under folded text: red-as-surface used as type (3.6). The type red
   is 8.0 on the page. */
:root[data-theme="dark"] .fold__more { color: var(--color-accent-deep); }

/* Red panels — timeline steps and the phase sheet. In the dark the red is
   lighter, so white overlays on it wash it out under cream type (3.1–3.5).
   Darkening instead of lightening keeps the panels distinct: 6.6+. */
:root[data-theme="dark"] .guide { background: rgb(0 0 0 / 0.22); }
:root[data-theme="dark"] .sheet__panel--form .attach__list li,
:root[data-theme="dark"] .sheet__panel--form .call-card,
:root[data-theme="dark"] .sheet__panel--form .flag { background: rgb(0 0 0 / 0.18); }
:root[data-theme="dark"] .sheet__panel--form .attach__kind,
:root[data-theme="dark"] .attach__kind--link { background: #8A3D0E; color: #FBF6D8; } /* 7.0 */
/* Yellow on the dark-view red was 3.6–4.0; a paler yellow clears it (4.8). */
:root[data-theme="dark"] .sheet__panel--form a:not(.btn),
:root[data-theme="dark"] .tl-step__go.is-live { color: #FFF6DA; }

/* "Your turn" sits on yellow, which does not darken — the press red flips
   light in the dark (2.7), so it names the light-view value. 8.6. */
:root[data-theme="dark"] .chip-you { color: #741B0B; }

/* Join wizard, on the red. The inactive steps and the field labels fell back
   to the page's muted tones (2.4, 3.2); the quieter on-red cream holds 4.55.
   The white primary button took the light type red (2.3); 8.5 with the deep. */
:root[data-theme="dark"] #join-wizard .stepper li:not([aria-current]),
:root[data-theme="dark"] #join-wizard .label { color: var(--on-accent-2); }
:root[data-theme="dark"] .cform--send .btn--primary:not(:disabled),
:root[data-theme="dark"] #join-wizard .btn--primary { color: #92240F; }

/* The "+" on an empty cover slot sits on the yellow ember, which does not
   darken; the press red flips light in the dark and all but vanished. */
:root[data-theme="dark"] .coverslot__hint { color: #741B0B; }

/* Open roles on /team: the title kept the light view's ink on a dark card
   (1.0), and the meta used red-as-surface as type (3.4). */
:root[data-theme="dark"] .seat h3   { color: var(--color-ink); }
:root[data-theme="dark"] .seat .meta { color: var(--color-accent-deep); }
