:root{
  --brand-yellow:#f5b724;
  --brand-yellow-shadow:#bc930e;
  --brand-black:#010101;
  --paper:#f8f6f1;
  --surface:#fffdf9;
  --surface-hover:#fff8e7;
  --ink:var(--brand-black);
  --secondary:#5b554d;
  --muted:#746d65;
  --line:#e8e2d7;
  --control-line:#e1d9cc;
  --accent:var(--brand-yellow);
  --accent-wash:#fff0c4;
  --inverse:#33342f;
  --charcoal:#33342f;
  --charcoal-line:#45463f;
  --surface-shadow:0 8px 24px rgba(24,23,20,.06);
  --radius:16px;
  --success:#267019;
  --warning:#925020;
}