/* ============================================================================
 * inventlist.com design tokens — vendored reference snapshot
 * ----------------------------------------------------------------------------
 * Source: InventList docs/design/TOKENS.md.
 * Importable upstream mirror: InventList dev/assets/tokens.css.
 *
 * Copied into Kuickr on 2026-06-25 so the design-system library can expose
 * inventlist.com as a named selectable system beside Kuickr. Keep the existing
 * InventList token names (`--np-*`, `--kind-*`, `--operator-*`) intact; the
 * system name is inventlist.com, not a token-prefix rewrite.
 * ========================================================================== */

:root {
  /* ─── Surfaces (toned-down off-white track) ─────────────── */
  --np-bg:            #fff;
  --np-wash:          #f6f6f4;   /* page background */
  --np-paper-runtime: #fafaf8;   /* node / card paper */
  --np-paper-deep:    #f1f0ec;   /* secondary fills, footers */
  --np-paper-edge:    #e4e3de;   /* card borders */
  --np-rule-runtime:  #d6d4cd;   /* internal rules / dividers */

  /* Ink + text */
  --np-ink:          #0f0f10;    /* hardest ink (v2 ledger) */
  --np-ink-runtime:  #15161a;    /* runtime ink — slightly softer */
  --np-text:         #1f1f22;
  --np-ink-soft:     #3a3633;
  --np-muted:        #6b7280;
  --np-muted-soft:   #9ca3af;
  --np-line:         #ececea;
  --np-line-soft:    #f3f2ef;

  /* Heavy role rule (ledger v2) */
  --np-rule:         #1f1f22;

  /* ─── Operator brand (the runtime trio + 2) ─────────────── */
  --np-memory:  #7a1f1a;   /* oxblood   — Capture / Memory */
  --np-focus:   #3a5a3f;   /* forest    — Focus */
  --np-distill: #8a6a1f;   /* gold      — Distill / ★ */
  --np-scratch: #847866;   /* graphite  — ephemeral */
  --np-queue:   #3a4f7a;   /* steel     — queued-next */

  /* Soft variants — computed off the operator base */
  --np-memory-soft:  color-mix(in srgb, var(--np-memory)  35%, #fff);
  --np-focus-soft:   color-mix(in srgb, var(--np-focus)   40%, #fff);
  --np-distill-soft: color-mix(in srgb, var(--np-distill) 45%, #fff);

  /* Operator-state aliases */
  --operator-capture: var(--np-memory);
  --operator-focus:   var(--np-focus);
  --operator-distill: var(--np-distill);

  /* ─── Kind chips (semantic, decoupled from operator) ────── */
  --kind-decision: #4b7bd7;
  --kind-blocker:  #d74b4b;
  --kind-question: #8b5cf6;
  --kind-idea:     #e8a53b;
  --kind-parked:   #6b7280;
  --kind-outcome:  #2fb36b;

  /* ─── Stickies (notes only — never chips) ───────────────── */
  --sticky-yellow: #fef5a8;
  --sticky-blue:   #d9e5ff;
  --sticky-pink:   #ffd9ea;
  --sticky-green:  #d1f0d6;
  --sticky-lilac:  #e2d9ff;

  /* ─── Legacy compatibility (original v2 ledger block) ────
     Kept for shipping CSS that still references them. Prefer the
     operator brand and kind tokens above for new work. */
  --np-paper:   #f6f4ee;   /* deeper warm paper — original v2 ledger */
  --np-cyan:    #3bb5c9;
  --np-teal:    #2fb3a3;
  --np-purple:  #8b5cf6;
  --np-amber:   #e8a53b;
  --np-orange:  #ea6a3c;
  --np-red:     #d74b4b;
  --np-green:   #2fb36b;
  --np-blue:    #4b7bd7;
  --np-pink:    #e17cc0;
  --np-slate:   #6b7280;

  --kind-capture: var(--np-cyan);   /* legacy alias — use --np-memory  */
  --kind-focus:   var(--np-orange); /* legacy alias — use --np-focus   */

  /* ─── Type ──────────────────────────────────────────────── */
  --np-sans:    "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --np-display: "Instrument Serif", "Fraunces", Georgia, serif;
  --np-mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* ─── Rhythm + radii ────────────────────────────────────── */
  --r-1: 4px;  --r-2: 8px;  --r-3: 12px; --r-4: 16px;
  --r-5: 24px; --r-6: 32px; --r-7: 48px; --r-8: 72px;
  --rad-1: 3px; --rad-2: 5px; --rad-3: 8px; --rad-4: 12px; --rad-pill: 999px;

  /* ─── Motion ────────────────────────────────────────────── */
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-slow: 320ms;
  --ease-out:    cubic-bezier(0.4, 0, 0.2, 1);
  --ease-settle: cubic-bezier(0.16, 1, 0.3, 1);

  /* Doc accent (forest). */
  --accent:      var(--np-focus);
  --accent-wash: color-mix(in srgb, var(--np-focus) 8%, transparent);
}

[data-theme="dark"] {
  --np-wash:          #131211;
  --np-paper-runtime: #1a1917;
  --np-paper-deep:    #211f1c;
  --np-paper-edge:    #2b2925;
  --np-ink-runtime:   #f4f3ef;
  --np-text:          #ece8e0;
  --np-muted:         #9a958c;
}

[data-density="compact"] { --r-base: 6px; }

:root {
  --bg:         var(--np-bg);
  --wash:       var(--np-wash);
  --paper:      var(--np-paper-runtime);
  --paper-deep: var(--np-paper-deep);
  --paper-edge: var(--np-paper-edge);
  --rule-soft:  var(--np-rule-runtime);
  --ink:        var(--np-ink);
  --ink-runtime:var(--np-ink-runtime);
  --text:       var(--np-text);
  --ink-soft:   var(--np-ink-soft);
  --muted:      var(--np-muted);
  --muted-soft: var(--np-muted-soft);
  --line:       var(--np-line);
  --rule:       var(--np-rule);
  --memory:  var(--np-memory);
  --focus:   var(--np-focus);
  --distill: var(--np-distill);
  --scratch: var(--np-scratch);
  --queue:   var(--np-queue);
  --sans: var(--np-sans);
  --mono: var(--np-mono);
  --r1: var(--rad-2); --r2: var(--rad-3); --r3: var(--rad-4);
}