/* The Better Father: a workshop in daylight. Pine, paper, barn red, steel.
   The engine's base.css reads only these tokens; a new program changes this file, not the engine. */
:root{
  --paper:#f3ede3; --paper-2:#ebe3d5; --card:#fbf8f2; --field:#fffdf9;
  --ink:#231d17; --soft:#5b5046; --dim:#8a7d70;
  --line:rgba(35,29,23,.16); --line-soft:rgba(35,29,23,.08);
  --accent:#9c3b26; --accent-deep:#7d2d1c; --accent-soft:rgba(156,59,38,.10); --on-accent:#fff;
  --steel:#3f5563; --steel-soft:rgba(63,85,99,.10);
  --ok:#e4ecd8; --ok-ink:#3d4d27; --warn:#f1d9d2; --warn-ink:#7d2d1c;
  --foot:#221c16; --foot-ink:#d9cfc2; --foot-link:#f0d9b5; --foot-dim:#9c8f80;
  --display:'Zilla Slab', Rockwell, 'Roboto Slab', Georgia, serif;
  --serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --sans:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --wrap:1100px; --read:680px; --r:12px;
}
/* The mark: a truck bed seen from behind. */
.mark{width:22px;height:14px;border:3px solid var(--accent);border-top-width:6px;border-radius:2px 2px 4px 4px}
/* Colors for the four fathers (Father Check, chain map). */
.pattern{display:inline-block;font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.pattern.h{background:#e7d0c7;color:var(--accent-deep)} .pattern.c{background:#d7dfe4;color:var(--steel)} .pattern.i{background:#e7e2d8;color:#6f6558} .pattern.s{background:#dfe6d2;color:#4c5c33}