/* NiuFlow 牛顺 shared design tokens (#254, auditor-noted duplication).
   Single source of truth for every custom property app.css AND panel.css
   both defined with IDENTICAL values -- the exact class of duplication
   that made 1a87f83 ("Sync panel.css border tokens") necessary: a token
   darkened in app.css silently had zero effect on the 5 panel pages
   because panel.css's own stale copy loaded after app.css's and won the
   cascade. That hand-sync is now structurally impossible for these
   tokens -- there is only one definition to change.

   Loaded once, in base.html, before app.css's link -- every real page in
   this app (portal/panel/admin/buyer/public) extends base.html, so this
   file is present ahead of app.css and panel.css on every route without
   per-template wiring. (panel.css's prior :root duplicate carried an
   "iframe resilience" comment for a hypothetical standalone-without-
   base.html load path; grepping app/routers/panel.py confirms all 5
   panel routes render via base.html today, so that path doesn't
   currently exist -- if a truly standalone panel shell is ever added, it
   must link this file directly, same as base.html does.)

   app.css keeps its OWN :root block for the handful of tokens ONLY it
   uses (auth-page chrome gradient + one muted shade) -- those were never
   duplicated in panel.css, so they stay out of the shared file per
   minimum-diff (see app.css's own :root comment). */
:root {
  --font-sans: "IBM Plex Sans", "Noto Sans SC", -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --color-ink: #16202b;
  --color-panel: #ffffff;
  --color-panel-alt: #f8f9fb;
  --color-border: #8797a9;
  --color-border-alt: #99a7b7;
  --color-border-soft: #bbc5d1;
  --color-accent: #3b82d6;
  --color-accent-hover: #2f6fbe;
  --color-accent-tint: #e8f0fa;
  --color-accent-tint-hover: #d8e7f7;
  --color-link: #2563b0;
  --color-muted: #6b7a8c;
  --color-muted-2: #8b98a7;
  --color-success: #1d9b6c;
  --color-success-bg: #e2f5ec;
  --color-amber-fg: #7a5a10;
  --color-amber-bg: #fdf2d7;
  --color-hot-fg: #a33517;
  --color-hot-bg: #fbe6de;
  --color-neutral-fg: #5b6b7d;
  --color-neutral-bg: #e7ebf0;
  --radius-chip: 4px;
  --radius-button: 6px;
  --radius-panel: 10px;
}