:root{
  /* Brand */
  --color-primary: #d6572a;
  --color-primary-active: #b8451d;
  --color-primary-disabled: #f3d9c9;
  --color-gold: #b8862b;
  --color-gold-soft: #f1e3c4;
  --color-dusk: #2f4858;

  /* Surface */
  --color-canvas: #ffffff;
  --color-surface-soft: #f8f4ee;
  --color-surface-strong: #f0e8db;

  /* Hairlines / borders */
  --color-hairline: #e3d8c7;
  --color-hairline-soft: #eee6d9;
  --color-border-strong: #c7b79e;

  /* Text */
  --color-ink: #241c15;
  --color-body: #3a332b;
  --color-muted: #766b5c;
  --color-muted-soft: #a79c8c;
  --color-on-primary: #ffffff;

  /* Semantic */
  --color-error-text: #b23a1e;
  --color-error-text-hover: #8f2e17;
  --color-legal-link: #2f6fed;
  --color-scrim: 0,0,0;

  /* Aliases */
  --text-heading: var(--color-ink);
  --text-body: var(--color-body);
  --text-muted: var(--color-muted);
  --surface-page: var(--color-canvas);
  --surface-card: var(--color-canvas);
}