:root {
  --ff-canvas:#EFEAE1;
  --ff-header:#3A3E44;
  --ff-header-line:rgba(255,255,255,0.08);
  --ff-card:#FFFFFF;
  --ff-card-alt:#FBF9F4;
  --ff-line:#E4DED0;
  --ff-line-soft:#EDE7DA;
  --ff-ink:#211C16;
  --ff-text-dim:#7A7365;
  --ff-text-faint:#A8A192;
  --ff-text-nav:rgba(255,255,255,0.6);
  --ff-rust:#C24C13;
  --ff-rust-light:#FF9257;
  --ff-rust-dark:#DE5B26;
  --ff-green:#4C7A52;
  --ff-green-tint:#EAF2EA;
  --ff-amber:#B07F1E;
  --ff-amber-tint:#FBF2DE;
  --ff-red:#A84636;
  --ff-red-tint:#F5E8E4;
  --ff-shadow:0 1px 2px rgba(33,28,22,0.04),0 10px 24px -16px rgba(33,28,22,0.14);
  --ff-card-radius:16px;
  --ff-control-radius:10px;
  --ff-pill-radius:999px;
}