/* Payfold — Deal checklist prototype (snyx showcase; reconstructed from client work, synthetic data). Self-contained tokens. */
:root {
  --primary: #0e478f;
  --primary-ink: #ffffff;
  --paper: #fafafa;
  --ink: #111111;
}

/* ---- extended by the deal-checklist build (2026-08-22), read off the screens ---- */
:root {
  /* brand ramp around --primary */
  --primary-2: #1a62bd;        /* header right edge */
  --navy-900: #0a2550;         /* header left edge */
  --navy-700: #1c3f7a;         /* selected row, progress start */
  --teal: #47c1a1;             /* wordmark dot, breadcrumb parents, nav underline */
  --green: #4bc67e;            /* ticks, approve */
  --green-ink: #2f9d5e;
  --pink: #ec2f85;             /* "new" pill, document badges */
  --red: #e35d5d;              /* reject, delete */
  --link: #2a66c8;             /* blue text links */

  /* surfaces */
  --paper-2: #f4f6fa;          /* page ground behind panels (design is a touch cooler than --paper) */
  --panel: #ffffff;
  --line: #dfe4ec;
  --line-2: #eef1f6;
  --ink-2: #3a4352;
  --muted: #8a94a6;
  --badge: #1b2f55;            /* comment-count square */

  /* progress gradient */
  --bar-from: #2c4f8a;
  --bar-to: #4fc3b0;

  /* type */
  --font: Roboto, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "Courier New", ui-monospace, monospace;
  --fs-xs: 11px;  --fs-sm: 13px;  --fs-md: 14px;  --fs-lg: 16px;  --fs-xl: 20px;  --fs-2xl: 26px;
  --track: .12em;              /* breadcrumb letter-spacing */

  /* spacing + shape */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --radius: 3px; --radius-lg: 6px;
  --shadow-1: 0 1px 2px rgba(16, 30, 60, .08);
  --shadow-2: 0 6px 18px rgba(16, 30, 60, .14);
  --focus: 0 0 0 3px rgba(14, 71, 143, .22);

  /* layout */
  --header-h: 64px; --crumb-h: 56px; --left-w: 620px; --gutter: 28px;
}