:root {
  --ff-sky: #DAE7E3;  /* page background / sky */
  --ff-sky-deep: #C9DAD3;  /* secondary background */
  --ff-paper: #FFFEFA;  /* cards, paper, tags */
  --ff-ink: #16301C;  /* THE line: every outline and body text */
  --ff-ink-soft: #2B4634;  /* secondary text */
  --ff-forest: #2F6B45;  /* money kept / good outcome, primary buttons */
  --ff-shell: #5C9440;  /* Friendly's shell */
  --ff-shell-rim: #457635;  /* shell rim */
  --ff-skin: #C4DA91;  /* Friendly's skin, light hill */
  --ff-hill: #79AC55;  /* near hills */
  --ff-far-hill: #B4CEC8;  /* distant hills */
  --ff-brick: #A63A22;  /* the red pencil: losses, one highlight per view */
  --ff-mustard: #D9A63C;  /* deadlines, coins */
  --ff-sun: #F0C75E;  /* the sun */
  --ff-wood: #EBD3A3;  /* sign planks */
  --ff-wood-dark: #9A6E3E;  /* posts, wood grain */
  --ff-night: #1F3540;  /* the one dark scene (night sky) */
  --ff-font-sign: "Fraunces", Georgia, serif;   /* headings, sign lettering (heavy weight, slightly open tracking) */
  --ff-font-body: "Source Sans 3", system-ui, sans-serif;
  --ff-font-hand: "Patrick Hand", "Comic Neue", cursive;  /* the pencil notes only, sparingly */
  --ff-line: 3px;        /* outline width at UI scale; the film uses ~5px at 1080p */
  --ff-radius: 6px;      /* signs and cards are near-square, never pill-shaped */
}