/* MIRROR-SCALE design tokens (palette and type carried over from the owner-supplied TradeMirror console). Light by default, dark when the device asks for it.
   Aurum (gold) is reserved for the mirror line and the current page; indigo only ever means "an interpreter run is RUNNING". */
@font-face{font-family:"Bricolage Grotesque";src:url("/static/bricolage-grotesque.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Figtree";src:url("/static/figtree.woff2") format("woff2");font-weight:300 900;font-display:swap}
:root{
  color-scheme:light dark;
  --bg:#edf1ec; --surface:#fbfcfa; --raised:#f3f6f2; --inset:#e4e9e3; --line:#d3dbd3; --line-strong:#b7c3b9;
  --text:#12231d; --muted:#55685f; --aurum:#a0741a; --aurum-soft:#f1e6cc;
  --agent:#3d4db7; --agent-soft:#e3e6f8; --good:#1b6f45; --good-soft:#dcefe3; --bad:#ab3427; --bad-soft:#f7e0dc; --warn:#8a5605; --warn-soft:#f6e9cf;
  --display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;
  --radius:6px; --rail:208px; --strip:60px; --shadow:0 24px 60px -20px #12231d40;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0c1512; --surface:#121d19; --raised:#182621; --inset:#0f1916; --line:#23342d; --line-strong:#34493f;
  --text:#e4ece7; --muted:#90a59b; --aurum:#d9b35c; --aurum-soft:#33290f;
  --agent:#9aa6f6; --agent-soft:#1d2246; --good:#62c895; --good-soft:#13301f; --bad:#f08b80; --bad-soft:#3a1814; --warn:#e6b766; --warn-soft:#33260c;
  --shadow:0 24px 60px -20px #000c;
}}

/* Rebuilt owner dashboard (approved 2026-10-11): white workspace, blue actions, restrained yellow. Scoped to
   body.mirror-app so the existing console keeps its own palette untouched. Light only by the approved design.
   Deep blue is for mirror panels only. Secondary text is #556377 because #64748B fails 4.5:1 on the pale ground. */
.mirror-app{
  color-scheme:light;
  --m-page:#F6F8FC; --m-card:#FFFFFF; --m-blue:#2563EB; --m-blue-hover:#1D4ED8; --m-blue-soft:#EEF4FF;
  --m-yellow:#FCD535; --m-yellow-deep:#F0B90B; --m-deep:#111F4B; --m-text:#181A20; --m-muted:#556377;
  --m-border:#E5EAF2; --m-border-strong:#D5DCE8; --m-nav:#334155; --m-good:#15803D; --m-bad:#B42318;
  --m-rail:56px; --m-rail-open:176px; --m-radius:16px; --m-shadow:0 1px 2px rgba(17,31,75,.04);
  --m-overlay:0 12px 32px -8px rgba(17,31,75,.22);
}