/* justiceapex.ai family footer bridge.
   The family footer (footer_justiceapex_ai.html) reads --fam- names. This sheet gives those names their values
   on justiceapex.ai by pointing the colors at this site's own tokens, so the footer follows the light and dark
   setting of the page, and by carrying the family's spacing, width and type values as they are in
   family_tokens_v2.css. Load it after justiceapex-tokens.css. */
:root {
  --fam-raised: var(--color-panel);
  --fam-text: var(--color-ink);
  --fam-text-quiet: var(--color-muted);
  --fam-rule: var(--color-rule);
  --fam-link: var(--color-accent-strong);
  --fam-link-hover: var(--color-ink);
  --fam-focus-ring: 3px solid var(--color-focus);
  --fam-focus-offset: 3px;
  --fam-space-1: 0.25rem;
  --fam-space-2: 0.5rem;
  --fam-space-3: 0.75rem;
  --fam-space-4: 1rem;
  --fam-space-5: 1.5rem;
  --fam-space-6: 2rem;
  --fam-space-7: 3rem;
  --fam-space-8: 4rem;
  --fam-gutter: 1rem;
  --fam-max: 72.5rem;
  --fam-measure: 68ch;
  --fam-tap: 44px;
  --fam-font-text: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fam-fs-fine: 0.9375rem;
  --fam-fs-body: 1rem;
  --fam-lh-body: 1.7;
  --fam-weight-body: 400;
  --fam-weight-strong: 600;
  --fam-dur: 150ms;
  --fam-ease: ease-out;
}
@media (min-width: 48rem) {
  :root { --fam-gutter: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --fam-dur: 0ms; }
}