/*
 * Motif application typography
 *
 * This file governs Motif's product and marketing UI only. It does not govern
 * generated videos, slide decks, Remotion compositions, or Brand DNA previews.
 * See agent-docs/24-app-design-system.md before adding or changing typefaces.
 */

:root {
  /* Two visible app families, with one tightly scoped native code fallback. */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-ui: 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-code: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  /* Shared app type scale. Prefer these tokens in new UI. */
  --type-utility: 0.6875rem;
  --type-caption: 0.75rem;
  --type-body-sm: 0.8125rem;
  --type-body: 0.9375rem;
  --type-title-sm: 1.125rem;
  --type-title: 1.5rem;
  --type-display: clamp(2.2rem, 5vw, 3.4rem);

  --tracking-utility: 0.08em;
  --tracking-display: -0.015em;
}