/* theme.css — BRAND TOKENS (dark/dramatic default, à la Longshore). The one
   re-skin file; the color picker writes these + every page reads them from
   GET /app/<scope>/theme. Canonical platform vars; Tailwind maps utility
   classes (bg-surface, text-brand, border-line…) onto them so one picked
   color re-skins the whole suite — and a customer can flip light/dark. */
:root{
  /* picker-controlled */
  --brand:#10b981;      /* primary (emerald green) */
  --accent:#34d399;     /* lighter brand for gradients/hovers */
  --surface:#f8fafc;    /* page background (light) */
  --bg:#ffffff;         /* card / panel surface */
  --text:#0f172a;       /* primary ink */
  --muted:#64748b;      /* secondary ink */
  --border:rgba(0,0,0,0.08);

  /* fixed system tokens */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --display:'Oswald','Inter',sans-serif;
  --radius:16px;
  --brand-600:color-mix(in srgb, var(--brand) 86%, #000);
  --brand-050:color-mix(in srgb, var(--brand) 16%, transparent);
  --ok:#10b981; --warn:#facc15; --bad:#f87171;
}