/*
  Design tokens for Community Connection.
  Extracted from the consultation documents so the app carries the same
  quiet, institutional voice. Cohesion is deliberate.

  Fonts are self-hosted in production (see assets/fonts, added Week 3).
  The @font-face blocks are declared here but point to local files that
  are added later. Until then, the stack falls back gracefully.
*/

:root {
  /* surfaces */
  --bg: #FAFAF7;
  --bg-soft: #F2EFE8;
  --bg-code: #F4F1E9;

  /* ink */
  --ink: #1E2326;
  --ink-soft: #4A5054;
  --ink-faint: #7A7D7F;

  /* accents */
  --accent: #2E5042;
  --accent-soft: #4A6B5C;
  --gold: #9B7E3F;

  /* lines */
  --rule: #D9D5CC;
  --rule-soft: #ECE9E0;

  /* state */
  --warn: #8B3A2F;

  /* type families */
  --display: "Fraunces", "Source Serif Pro", Georgia, serif;
  --body: "Fraunces", "Source Serif Pro", Georgia, serif;
  --mono: "IBM Plex Mono", "Menlo", "Consolas", monospace;

  /* measure and rhythm */
  --measure: 46rem;
  --measure-narrow: 38rem;

  /* focus ring, for accessibility (Week 10 hardening) */
  --focus: #2E5042;
}

/* Reduced motion, respected everywhere. No animations are used, kept for safety. */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}