/* Shared theme overlay — loaded AFTER each screen's inline styles, so these
 * rules win (equal specificity, later source order). One file = one place
 * to retheme the office screens.
 *
 * OPT-IN until Brad flips the default: rules are scoped under
 * html.theme-green, toggled by theme.js (?theme=green to try it,
 * ?theme=dark to go back; the choice sticks per device via localStorage).
 *
 * "Signal board" LIGHT theme (David, 14 Jul call: "I'd like that lightened
 * up... the old signal board was that nice green"). The office shell
 * becomes light sage/cream — the same family as the R22 Order Book tables
 * — with dark ink. Status colours swap to their light-surface variants
 * (the ob- palette values) so notes/badges stay readable. The WALLBOARD
 * and STATION deliberately do NOT load this file: the factory TV keeps
 * the dark control-room look where the signal lights carry the meaning.
 */
html.theme-green{
  /* surface ramp: dark slate -> light sage (relative steps preserved) */
  --slate-000:#eef1e3;   /* page base, warm paper-green */
  --slate-050:#e8ecdb;
  --slate-100:#e0e7d2;   /* cards, tabs */
  --slate-150:#d7e0c7;
  --slate-200:#c9d5b8;   /* chips, wells */
  --slate-300:#a7b996;   /* borders */
  /* ink: light -> dark (Order Book ink family) */
  --ink:#1f2a22;
  --ink-dim:#54615a;
  --ink-faint:#7d8578;
  /* accent + statuses: light-surface variants (match the ob- palette) */
  --accent:#0e7d94; --accent-dim:#4d96a3;
  --red:#b3261e; --red-glow:rgba(179,38,30,.3);
  --orange:#a05a00; --orange-glow:rgba(160,90,0,.25);
  --yellow:#8f6400; --yellow-glow:rgba(143,100,0,.25);
  --green:#2e7d43; --rgreen:#2e7d43; --rgreen-glow:rgba(46,125,67,.25);
  --action:#8f6400;
  /* Order Book table treatment stays exactly as approved (R22) */
}

/* Page background: soft sage glows on paper. */
html.theme-green body{
  background:
    radial-gradient(1200px 600px at 20% -10%, #e3ead2 0%, transparent 60%),
    radial-gradient(1000px 700px at 100% 0%, #dde5cd 0%, transparent 55%),
    var(--slate-000);
  color:var(--ink);
}

/* Topbar: cream bar with a hairline, replacing the dark gradient. */
html.theme-green .topbar{
  background:linear-gradient(180deg, rgba(250,246,234,.97), rgba(238,241,227,.94));
}

/* Deliveries lanes: hard-coded dark glass -> light card glass. */
html.theme-green .lane{
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(238,241,227,.4));
}

/* The job panel + scrim read as an overlay; keep the scrim green-dark. */
html.theme-green .jp-scrim{background:rgba(31,42,34,.45)}

/* Status rails are FILLS beside light rows — restore the vivid traffic
 * lights there (the darkened tokens above are for text/badges). */
html.theme-green .obtable tr[data-state="red"] td.rail,
html.theme-green .table-wrap tr[data-state="red"] td.rail,
html.theme-green .table-wrap tr.low td.rail{
  background:#ff4d4f; box-shadow:inset 0 0 10px rgba(255,77,79,.4)}
html.theme-green .obtable tr[data-state="yellow"] td.rail,
html.theme-green .table-wrap tr[data-state="yellow"] td.rail{
  background:#ffd23f; box-shadow:inset 0 0 10px rgba(255,210,63,.4)}
html.theme-green .obtable tr[data-state="green"] td.rail,
html.theme-green .table-wrap tr[data-state="green"] td.rail{
  background:#4caf6d}