/* ─────────────────────────────────────────────────────────
   TITLETOWN — Terminal accent → brand mint
   styles-append-terminal-mint-v0.1.0.css   (2026-07-22)

   WHY: the Props-Terminal pages (Slate / Props / Trends) render
   their positive-EV green from --accent-pos: #00d97a (defined once
   in styles.css :root, referenced everywhere via var()). The Leaders
   page + brand canon use mint #5DE0AC (share-card HIT_TOP). The two
   greens don't match — this file retunes the terminal accent to the
   brand mint. Pure :root var override: every `var(--accent-pos*)`
   reference (fills, text, borders, dim backgrounds, live dots, grade
   pills, spark bars) flips to mint at once. No selector fights.

   SCOPE: applies only to pages that link this file. Linked on
   index.html (Slate) / props.html / trends.html. Other terminal
   pages (players, cappers, slip, track record) still read #00d97a
   until this same <link> is added to them — see README follow-up.

   REVERT: delete the <link> line on the three pages.
   Append-only; no builder / schema / data-path changes.
───────────────────────────────────────────────────────── */

:root {
    /* Brand mint (was #00d97a emerald). Dim/border mirror the base
       alpha pattern (0.12 / 0.24) so every derived surface tracks. */
    --accent-pos:        #5DE0AC;
    --accent-pos-dim:    rgba(93, 224, 172, 0.12);
    --accent-pos-border: rgba(93, 224, 172, 0.24);

    /* ── WIDTH ── evidence-based, tune freely ────────────────
       Correcting my earlier read: the terminal is NOT uncapped —
       styles.css `.main` is `max-width:1400; margin:0 auto`, and
       flow-shell overrides it to `.main.tt-flow-main { max-width:
       var(--tt-flow-max) }` = 1320px, centered. So content is
       already capped + centered, just narrow.

       trends-command-v0.14.47 carries a stranded intent — it tried
       `.trends-command-page .main { max-width:1500px }` but the note
       in that file records it as INERT (loses the 2-class tie to
       flow-shell's .main.tt-flow-main). This honors that intent by
       lifting the actual lever (--tt-flow-max) to 1500 for all three.

       To keep the current 1320, delete the next line. To go wider,
       raise it. This is the one value to eyeball on your monitor. */
    --tt-flow-max: 1500px;
}