/* ==========================================================================
   Factual Media — canonical design tokens (single source of truth)
   --------------------------------------------------------------------------
   Loaded first by every layout. Per-tier stylesheets (landing.css / home.css /
   global.css) consume these tokens so colour, type, spacing and verdict
   semantics stay consistent across the FM brand pages and editorial desks.
   Values here match the existing look — introducing this file changes
   nothing visually; it only removes the duplicated, drifting definitions.
   ========================================================================== */

:root {
  /* --- Type: deliberate two-serif system ------------------------------- */
  /* FM brand + documents (marketing, policy) */
  --fm-display-fm: 'Fraunces', Georgia, 'Times New Roman', serif;
  /* Editorial desk (walls, briefs, articles) */
  --fm-display-desk: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  /* Shared UI / body sans + mono */
  --fm-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fm-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* --- Brand accent ---------------------------------------------------- */
  --fm-accent: #3dd6c6; /* bright teal — dark tiers (FM landing, bare) */
  --fm-accent-deep: #2a9d8f; /* deep teal — light broadsheet desk */
  --fm-accent-soft: #7ee8dc;

  /* --- Verdict / evidence semantics (walls) ---------------------------- */
  /* Tuned to read on the light broadsheet paper as well as dark surfaces */
  --fm-verdict-true: #1f8a65;
  --fm-verdict-true-strong: #14603f;
  --fm-verdict-false: #c0392b;
  --fm-verdict-false-strong: #7f271b;
  --fm-tier: #5c6570;

  /* --- Spacing scale (rem) --------------------------------------------- */
  --fm-space-1: 0.25rem;
  --fm-space-2: 0.5rem;
  --fm-space-3: 0.75rem;
  --fm-space-4: 1rem;
  --fm-space-5: 1.5rem;
  --fm-space-6: 2rem;
  --fm-space-8: 3rem;

  /* --- Radius ---------------------------------------------------------- */
  --fm-radius-sm: 4px;
  --fm-radius-md: 6px;
  --fm-radius-lg: 10px;
  --fm-radius-pill: 999px;

  /* --- Layout measures ------------------------------------------------- */
  --fm-measure: 40rem; /* comfortable reading column */
  --fm-wide: 72rem; /* wide content max */
}