/* light-pages.css — light mode for the new pages, as one product with the Dashboard / Screener (Sep 30 2026).
   Owner (uses light mode): the new pages read "all white with some yellow text". In light mode only:
   · gold TEXT is the dashboard pane titles' deep gold (#7a5500, 5.5:1 on the page, 6:1 on the cards); the bright
     gold (var(--accent-fill)) is kept for fills — bars, the chart line, ticks, the Analyze-style buttons — with a darker gold
     edge so a fill reads on paper;
   · cards sit on the page with a hairline and a soft shadow, like the dashboard panes, not white on white;
   · the muted cents of the big figures clear 4.5:1.
   Scope: Portfolio → Holdings (not the Summary box, portfolio-summary.css), Trades, Income, the Today panel, the
   bell's panel and the Settings menu. Every rule is under body[data-theme="light"], so dark mode is unchanged.
   Loaded after the pages' own files. */
body[data-theme="light"] {
  --lp-gold-ink: var(--accent-soft);
  --lp-gold-fill: #d9a22c;
  --lp-gold-edge: #a8770f;
  --lp-card-line: rgba(58, 48, 30, .17);
  --lp-card-shadow: 0 1px 2px rgba(58, 48, 30, .09), 0 6px 18px -10px rgba(58, 48, 30, .32);
}

/* ── Portfolio → Holdings ── */
body[data-theme="light"] #viewPortfolio { --px-amber2: var(--lp-gold-ink); --px-cents: #63676f; --px-amber-bg: rgba(122, 85, 0, .10); }
body[data-theme="light"] #viewPortfolio .px-ch__line { stroke: #b07c10; }
body[data-theme="light"] #viewPortfolio .px-card:not(.px-sum) { border-color: var(--lp-card-line); box-shadow: var(--lp-card-shadow); }
body[data-theme="light"] #viewPortfolio .port-accts .port-acct { border-color: var(--lp-card-line) !important; background: var(--surface, #f7f5f0) !important; }
body[data-theme="light"] #viewPortfolio .port-accts__tot { color: var(--lp-gold-ink); }

/* ── Trades ── */
body[data-theme="light"] #viewTradelog {
  --tb-amber2: var(--lp-gold-ink); --tb-cents: #63676f;
  --tb-amber-bg: rgba(122, 85, 0, .10); --tb-amber-line: rgba(122, 85, 0, .45);
  --tb-bar: var(--lp-gold-fill);
}
body[data-theme="light"] #viewTradelog .tb-ch__bar { stroke: var(--lp-gold-edge); stroke-width: 1; }
body[data-theme="light"] #viewTradelog .tb-sum,
body[data-theme="light"] #viewTradelog .tl .tl-pane,
body[data-theme="light"] #viewTradelog .tl .tl-empty { border-color: var(--lp-card-line); background: var(--surface, #f7f5f0); box-shadow: var(--lp-card-shadow); }

/* ── Income: its panes are the dashboard's (.cpane); the gold text the same deep gold ── */
body[data-theme="light"] #viewIncome { --px-amber2: var(--lp-gold-ink); }

/* ── the Today panel, the bell's panel, the Settings menu: gold words in the deep gold ── */
body[data-theme="light"] .tdd, body[data-theme="light"] .nfy { --accent-soft: var(--lp-gold-ink); }
body[data-theme="light"] .settings .settings__q { color: var(--lp-gold-ink); }