/* theme.css — BRAND TOKENS. WRITTEN BY install_bundle FROM the bundle skin so the
   whole installed suite reads ONE palette. The single re-skin file; the color picker
   rewrites these + every page reads them from GET /app/<scope>/theme. Do NOT redefine
   these tokens inside a page :root — the page inherits them from here. */
:root{
  /* picker-controlled */
  --brand:#e07a5f;
  --accent:#5eb1bf;
  --surface:#101a22;
  --bg:#17242e;
  --text:#f5efe8;
  --muted:#94a7b3;
  --border:#243642;

  /* 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;
}