/* James Legal Group brand tokens.
   The engine ships fallbacks for these same names on `.intake-root` itself. A
   custom property declared on an element beats the one it inherits from :root,
   so a brand scoped only to :root never reaches the form — it renders the
   engine's fallback fonts and radii instead. Hence both selectors: :root so app
   pages outside a form can read the tokens, and `:root .intake-root` so the
   brand outranks the engine inside one on specificity rather than source order. */
:root,
:root .intake-root {
  --intake-ink: #1a1917;
  --intake-muted: #55504a;
  --intake-paper: #f3efe8;
  --intake-surface: #ffffff;
  --intake-border: #e3ddd3;
  /* The boundary of anything a person types into or ticks. Separate from
     --intake-border, which is too pale to be seen against the white it
     encloses — a re-brand has to be able to retint the two apart. */
  --intake-rule: #8a8378;
  --intake-accent: #1f4d42;
  --intake-accent-hover: #163a32;
  --intake-danger: #8b2e2e;
  /* Amber marks the notice; this is the ink for the words inside one. */
  --intake-notice-ink: #6e4e15;
  --intake-font-display: "Newsreader", Georgia, serif;
  --intake-font-body: "IBM Plex Sans", system-ui, sans-serif;
  --intake-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  /* Controls round at 8, the surfaces that hold them at 10. */
  --intake-radius: 8px;
  --intake-radius-card: 10px;
}