/*
 * 00 — Design tokens
 * The single source of truth for colour, type, spacing and motion.
 * Brand colours were sampled from the NJ STRIVE seal (blue ring + green wordmark).
 * Every other stylesheet reads these custom properties; nothing else hard-codes a hex.
 */
:root {
  /* Brand */
  --blue: #1e68c2;
  --blue-dark: #164fa0;
  --blue-light: #e8f0fb;
  --green: #207840;
  --green-dark: #185e32;
  --green-light: #e6f4ec;

  /* Neutrals */
  --white: #ffffff;
  --off-white: #f7f8fa;
  --slate: #1c2b45;
  --body-text: #4a5568;
  --muted: #5d6877;
  --border: #c8d2df;

  /* Chalkboard / paper surfaces */
  --chalk: #176b61;
  --chalk-deep: #0a302c;
  --chalk-text: #fffdf4;
  --cream: #f3e9b8;
  --mint: #8fd1a4;
  --paper: #f4f0e6;
  --paper-card: #fffdf7;
  --paper-border: #d8cfbd;
  --soil: #264d40;

  /* Typography (Adobe Fonts kit loaded in <head>; system fallbacks below) */
  --font-display: 'new-hero', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'new-hero', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  /* Formal serif for leadership names; system stack, no download */
  --font-serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;

  /* Layout */
  --container: 80rem;
  --container-mid: 72rem;
  --container-narrow: 56rem;
  --container-article: 48rem;
  --gutter: clamp(1.5rem, 4vw, 3rem);
  --header-offset: 7.5rem;

  /* Rhythm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Effects */
  --shadow-offset: 6px 6px 0 rgba(4, 34, 31, 0.22);
  --shadow-soft: 5px 5px 0 rgba(28, 43, 69, 0.07);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 180ms var(--ease);
}