/* FlowingMint skin for native Paperclip Admin (CC-20261026-002).
 *
 * Loaded by native Admin through ONE <link> added by the pinned-UI patch
 * (native-admin/0001-flowingmint-business-nav-and-skin.patch). Served from the
 * Business static mount, so if /business is absent the link 404s and Admin
 * simply keeps its stock look.
 *
 * Rules for this file (enforced by src/flowingmint.test.ts):
 *   - Only re-points Paperclip's own theme variables at FlowingMint tokens.
 *     No component selectors, no layout, no display/position/size changes.
 *   - Never touches semantic colours: destructive, chart-*, warning/amber,
 *     live/blue, badges, code/mono fonts. A warning stays a warning.
 *   - `:root:root` (0,2,0) wins over Paperclip's `:root` and `.dark` (0,1,0)
 *     regardless of stylesheet order. The tokens themselves switch on html.dark,
 *     so one mapping serves both of Paperclip's light and dark themes.
 */
@import url("./tokens.css");

:root:root {
  /* typography: brand face for UI text; Paperclip's mono font is untouched */
  --font-sans: var(--fm-font-sans);
  --radius: var(--fm-radius);

  /* neutral surfaces and ink: the page is the Workspace canvas, cards and menus are white surfaces */
  --background: var(--fm-canvas);
  --foreground: var(--fm-ink);
  --card: var(--fm-surface);
  --card-foreground: var(--fm-ink);
  --popover: var(--fm-surface);
  --popover-foreground: var(--fm-ink);
  --secondary: var(--fm-surface-2);
  --secondary-foreground: var(--fm-ink);
  --muted: var(--fm-surface-2);
  --muted-foreground: var(--fm-ink-2);
  --accent: var(--fm-surface-2);
  --accent-foreground: var(--fm-ink);
  --border: var(--fm-line);
  --input: var(--fm-line);

  /* primary actions stay ink (as in Business); focus uses the brand accent */
  --primary: var(--fm-ink);
  --primary-foreground: var(--fm-surface);
  --ring: var(--fm-focus);

  /* navigation shell: a white rail like the Workspace header; current page in the Chief-violet tint */
  --sidebar: var(--fm-surface);
  --primary-sidebar-background: var(--fm-surface);
  --sidebar-foreground: var(--fm-ink);
  --sidebar-primary: var(--fm-ink);
  --sidebar-primary-foreground: var(--fm-surface);
  --sidebar-accent: var(--fm-brand-soft);
  --sidebar-accent-foreground: var(--fm-brand);
  --sidebar-border: var(--fm-line);
  --sidebar-ring: var(--fm-focus);

  /* FlowingMint shell accent (native token added by the patch): Back to Workspace in Chief violet */
  --flowingmint-accent: var(--fm-brand);
  --flowingmint-accent-foreground: var(--fm-surface);
}

/* Body text uses the brand face. Unlayered, so it wins over Tailwind's layered
   base without touching any utility class (font-mono etc. keep their fonts). */
:root:root body {
  font-family: var(--fm-font-sans);
}