/*
 * NineBrief shared design tokens
 *
 * This is the runtime CSS implementation of the global brand/neutral token
 * contract defined in DESIGN.md. Public tools and future NineBrief frontend
 * surfaces should consume these variables instead of redefining brand values.
 */
:root{
  color-scheme:light;

  /* Canonical brand colors */
  --nb-ink:#121212;
  --nb-dark:#1d1e20;
  --nb-green:#4ade80;

  /* Canonical neutral roles */
  --nb-white:#ffffff;
  --nb-surface:#f7f7f7;
  --nb-border:#e5e5e5;
  --nb-text:var(--nb-ink);
  --nb-muted:#555555;
  --nb-muted-light:#bdbdbd;
  --nb-document-muted:#666666;
  --nb-placeholder:#737373;

  /* Derived green treatments keep one chromatic source of truth. */
  --nb-green-soft:rgba(74,222,128,.12);
  --nb-green-border:rgba(74,222,128,.24);
  --nb-green-focus:rgba(74,222,128,.14);
  --nb-green-strong:color-mix(in srgb,var(--nb-green) 82%,var(--nb-ink));
  --nb-green-ink:color-mix(in srgb,var(--nb-green) 35%,var(--nb-ink));

  /* Shared UI primitives */
  --nb-font-ui:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --nb-radius-sm:12px;
  --nb-radius-md:18px;
  --nb-radius-lg:24px;
  --nb-shadow:0 16px 40px rgba(18,18,18,.08);
  --nb-shadow-dark:0 18px 48px rgba(0,0,0,.20);
}

/* Approved tool-selector identifiers; not alternate brand/CTA colors. */
:root{
  --nb-icon-invoice-fg:#1d4ed8; --nb-icon-invoice-bg:#dbeafe;
  --nb-icon-quote-fg:#15803d; --nb-icon-quote-bg:#dcfce7;
  --nb-icon-order-fg:#7e22ce; --nb-icon-order-bg:#f3e8ff;
  --nb-icon-delivery-fg:#c2410c; --nb-icon-delivery-bg:#ffedd5;
}