/* Generated by build.py from the campaign config. Do not edit by hand. */
:root{
  --primary:#421f0b;
  --primary-deep:#2d1406;
  --surface:#efe4cc;
  --surface-soft:#f8f3e7;
  --line:#e2d3b2;
  --accent:#9a4a22;
  --accent-deep:#7a3816;
  --accent-on-dark:#e6c27e;
  --text:#2b221d;
  --text-soft:#3d332d;
  --text-muted:#5e534b;
  --input-border:#8b7f74;
  --focus-ring:rgba(66,31,11,0.25);
  --on-dark-line:rgba(239,228,204,0.22);
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --serif:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.tiles{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='40'%3E%3Cpath d='M0 .5H72M0 20.5H72M.5 0V20M36.5 20V40' stroke='%23e2d3b2' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}
.mosaic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect x='1' y='1' width='10' height='10' fill='%23361908'/%3E%3Crect x='13' y='13' width='10' height='10' fill='%23361908'/%3E%3C/svg%3E")}