/* products/agency/site/src/site.css — the agency pages' own token names, bridged onto the agency theme. The colours,
   fonts and radius come from the Operator app `agency` (preset plungeai-agency, Operator › Design › Themes), which the
   worker paints into <head> (core/core-design/site/paint.ts: --background … --chart-5, --font-sans, --font-mono,
   --radius, --card on :root.dark). The pages keep their names (--paper, --ink, the planes' --model … --agent) and read
   them here; a fallback is the platform's dark value, used only when no theme resolves. The site is dark: <html
   class="dark">. Linked from every page (src/index.html, src/pages/*.html, src/shells/case-studies.html). The site's bar
   is fixed (core/core-design/site/bar.ts, --pn-h), so the body starts below it; each page's sticky table of contents
   and its sections' anchor offset add --pn-h too. */
:root {
	--paper: var(--background, #000000);
	--ink: var(--foreground, #f5f5f7);
	--ink-soft: var(--muted-foreground, #86868b);
	--hairline: var(--border, #38383a);
	--model: var(--primary, #0a84ff);
	--on-model: var(--primary-foreground, #ffffff);
	--connector: var(--chart-2, #30d158);
	--tool: var(--chart-3, #ff9f0a);
	--mcp: var(--chart-4, #bf5af2);
	--agent: var(--destructive, #ff453a);
	--danger: var(--destructive, #ff453a);
	/* the five stages of a request, one plane colour each */
	--s-brief: var(--model);
	--s-produce: var(--agent);
	--s-review: var(--mcp);
	--s-publish: var(--connector);
	--s-measure: var(--tool);
	/* the space above the shared footer (core/core-design/site/footer.ts) */
	--ft-gap: 110px;
}

body {
	padding-top: var(--pn-h, 44px);
}