/* 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:#f97316;      /* primary (orange) */
  --accent:#fb923c;     /* lighter brand for gradients/hovers */
  --surface:#0a0a0a;    /* page background (near-black) */
  --bg:#111214;         /* card / panel surface */
  --text:#f1f5f9;       /* primary ink */
  --muted:#94a3b8;      /* secondary ink */
  --border:rgba(255,255,255,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;
}