/* bestaiagentsforlawfirms.com — design tokens.
   Direction: the firm's letterhead. A managing partner deciding whether an
   intake or conflicts-check agent belongs in the practice reads this the
   way they read a brief: a serif of record for the headline, a plain
   sans for the facts, a reading serif for the analysis, and a navy signal
   instead of the vendor-pitch blue every "legal tech" product defaults to.
   A rule above the masthead and perfectly square corners borrow the one
   thing every firm's own letterhead already has: formality that doesn't
   need to raise its voice.
   Critique: the easy failure mode for "law firm" is gavels, scales of
   justice, and navy gradients. This direction earns its formality from
   typography and a letterhead rule instead of borrowed iconography — there
   is no icon system here at all.
   Every colour and every font is declared here as a :root token. No literal
   colour or font-family may appear in assets/site.css or templates/. */
:root {
  /* Colour — flat only, no gradients. */
  --color-paper: #f3eee3;
  --color-surface: #e9e1d1;
  --color-ink: #1e1b16;
  --color-ink-muted: #6b6456;
  --color-line: #c7b99f;
  --color-accent: #1f3a5f;
  --color-accent-ink: #ffffff;
  --color-focus: #1f3a5f;

  /* Type — a serif of record for headings, a plain sans for the facts
     tables, a reading serif for analysis. JetBrains Mono is the one face
     shared with the flagship and the customer-service sibling. */
  --font-display: "Bodoni Moda", "Source Serif 4", Georgia, serif;
  --font-body: "Public Sans", system-ui, sans-serif;
  --font-prose: "Source Serif 4", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  --text-xs: 0.8125rem;
  --text-small: 0.875rem;
  --text-base: 1rem;
  --text-h3: 1.1875rem;
  --text-h2: 1.625rem;
  --text-h1: 2.75rem;
  --leading-tight: 1.2;
  --leading-base: 1.55;
  --leading-prose: 1.65;
  --tracking-display: 0em;

  /* Space (8px-derived scale) */
  --gutter: 1.25rem;
  --space-0: 0.25rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 4.5rem;

  /* Layout */
  --measure: 72rem;
  --radius: 0;
  --radius-sm: 0;

  /* Masthead geometry — a rule above and below, letterhead-style; the
     wordmark leans on Bodoni Moda's italic rather than tracked capitals. */
  --header-rule: 1px solid var(--color-ink);
  --header-rule-top: 4px solid var(--color-accent);
  --wordmark-style: italic;
}