/* ═══════════════════════════════ type ═══════════════════════════════
   The eight roles (docs/notes/_archive/WEB_UX_UPGRADE_SPEC.md §2.1; re-cut 2026-09-21 pm, "the
   tightening pass"). Every font-size on a live website surface is one of
   these — scripts/check_web_type_tokens.py fails the build on a literal.
   Loaded by every base template (public, auth and workspace) so the scale
   is one scale.
     meta 12 — timestamps, counts, eyebrows            (never a control)
     sm   13 — controls, tabs, actions, table cells, secondary lines
     body 14 — chrome, lists, cards, forms              (the iOS Body role)
     prose 15 — documents read at length: reports, memos, messages, the company description
     lead 16 — card-lead names, section heads inside a pane, the composer
     h2   18 — section heads
     h1   24 — the page's name
     display 28 — Home's one hero line (iOS Theme.display) */
:root {
  --fs-meta:12px; --fs-sm:13px; --fs-body:14px; --fs-prose:15px; --fs-lead:16px;
  --fs-h2:18px; --fs-h1:24px; --fs-display:28px; --fs-wordmark:24px;
  --lh-tight:1.2; --lh-snug:1.4; --lh-body:1.5; --lh-loose:1.65;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600;
  --text-base:var(--fs-body); --text-meta:var(--fs-meta);
}
html { font-size:var(--fs-body); }
body, input, textarea, select, button { font-size:var(--fs-body); }
small, sub, sup { font-size:var(--fs-meta); }
/* Explicit semantic roles for markup that cannot carry its own rule. */
.type-meta { font-size:var(--fs-meta) !important; }
.type-sm { font-size:var(--fs-sm) !important; }
.type-body { font-size:var(--fs-body) !important; }
.type-prose { font-size:var(--fs-prose) !important; }
.type-lead { font-size:var(--fs-lead) !important; }
.type-h2 { font-size:var(--fs-h2) !important; }
.type-h1 { font-size:var(--fs-h1) !important; }
.type-display { font-size:var(--fs-display) !important; }

/* ═══════════════════════════════ tokens ═══════════════════════════════
   The workspace's design tokens — ONE authority (map §10.2, 2026-09-12).

   Before this file, desk.css, workspace.css and workspace-focus.css each
   declared their own :root and the last one loaded won; the values below
   are the ones that actually won, under the map's names. The old names
   (--canvas, --ink, --blue, …) stay as aliases because six stylesheets
   and the templates use them — an alias is the consolidation, a rename
   is not. Public/entrance pages (--lp-*) and the board's paper mode keep
   their own palettes by design (§10.1: three intentional modes).

   Loaded after app.css (whose older names --text / --font-sans / --border it
   overrides, as desk.css's aliases already did) and before every desk sheet.
   Change a colour HERE. Never re-declare one of these in another file. */
:root {
  /* surfaces */
  --bg: #F8F9F5;                 /* the canvas behind everything */
  --pane: #FFFFFF;               /* the object pane, cards, sheets */
  --list: #F1F3EE;               /* the rail and the list column */
  /* text */
  --text: #222B27;
  --text-body: #3F4C44;
  --text-muted: #617066;
  --text-faint: #657168;
  /* lines */
  --hairline: #E1E6DF;
  --hairline-strong: rgba(34,43,39,.15);
  /* interaction */
  --focus: #315845;              /* the 3px focus ring */
  --accent: #315845;
  --accent-hover: #254734;
  --accent-tint: #EAF0E8;
  --accent-ring: rgba(49,88,69,.22);
  --attention: #855818;          /* needs you · stale · demo */
  --attention-tint: #F8EFDF;
  --success: #3F6B54;
  --success-tint: #ECF3ED;
  --destructive: #B91C1C;
  --destructive-tint: #FDECEC;
  --neutral-tint: rgba(11,18,32,.05);
  /* source / provider colours (CompanySignal.SOURCE_COLORS, the evidence rail) */
  --source-web: #8A94A6;
  --source-pitchbook: #E8743B;
  --source-cbinsights: #12A594;
  --source-dealcloud: #6B5B95;
  --source-company: #855818;     /* "reported by the company" — attention, not a provider */
  /* spacing — ONE scale (2026-09-21 pm): 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64.
     Inside a row or card: 4 / 8 / 12. Between blocks: 16 / 24. Between sections: 32 / 40. */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px; --s9:48px; --s10:64px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  /* the pane's edge: every page's content starts here (rail + --pane-x), phones 16, narrow desks 24 */
  --pane-x: 40px; --pane-y: 28px;
  /* radii */
  --radius: 12px;
  --radius-lg: 18px;
  --radius-round: 999px;        /* (app.css owns --radius-pill) */
  /* shadows */
  --shadow-1: 0 1px 2px rgba(11,18,32,.05);
  --shadow-2: 0 1px 2px rgba(11,18,32,.04), 0 6px 18px -6px rgba(11,18,32,.10);
  --shadow-3: 0 12px 40px -8px rgba(11,18,32,.20), 0 1px 2px rgba(11,18,32,.06);
  /* typography (§10.3: 14–15px body, 16px controls on mobile, metadata ≥ 12px) */
  --font-sans: 'Geist', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-base: var(--fs-body);
  --text-meta: var(--fs-meta);
  --reading-width: 720px;        /* deliverables never run wider than this */
  /* motion */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  /* layout */
  --page-max: 1200px;            /* one page width (2026-09-22): every list page's box — content 1120 = page-max − 2 × pane-x */
  --rail-w: 200px; --list-w: 320px; --facts-w: 280px; --row: 44px; --tb-h: 72px; --workspace-bar: 52px; --demo-h: 0px;

  /* ── aliases: the desk's original vocabulary, now pointing at the tokens ── */
  --canvas: var(--bg); --col: var(--list);
  --ink: var(--text); --body: var(--text-body); --quiet: var(--text-muted); --faint: var(--text-faint);
  --hair: var(--hairline); --hair2: var(--hairline-strong);
  --blue: var(--accent); --blue-hover: var(--accent-hover); --blue-tint: var(--accent-tint); --blue-ring: var(--accent-ring);
  --amber: var(--attention); --amber-tint: var(--attention-tint);
  --green: var(--success); --green-tint: var(--success-tint);
  --red: var(--destructive); --red-tint: var(--destructive-tint); --gray-tint: var(--neutral-tint);
  --r: var(--radius); --rf: var(--radius-lg);
  --sans: var(--font-sans); --mono: var(--font-mono);
  /* older surfaces (app.css, the thread page, the retired templates' survivors) */
  --font-primary: var(--sans); --font-family-sans: var(--sans);
  --desk-row: var(--row); --desk-hairline: var(--hair); --desk-label: var(--quiet); --desk-ink: var(--ink);
  --desk-body: var(--body); --desk-quiet: var(--quiet); --desk-accent: var(--blue); --desk-attention: var(--amber);
  --desk-confirmed: var(--green);
  --color-text-primary: var(--ink); --foreground: var(--ink); --card-foreground: var(--ink);
  --surface-50: var(--canvas); --background: var(--canvas);
  --border: var(--hair2); --border-soft: var(--hair); --color-border: var(--hair2); --color-border-light: var(--hair);
  --radius-md: var(--r); --radius-lg: var(--r); --radius-xl: var(--rf); --radius-2xl: var(--rf);
}
/* Breakpoint overrides of the layout tokens (the rail folding, the bar
   shrinking) stay with the layout that needs them: workspace.css and
   workspace-focus.css. Colours and type are never overridden anywhere. */