:root{
  --slate:#37474F;
  --slate-deep:#263238;
  --gold:#D9A036;
  --gold-hover:#B5822A;
  --moss:#6E7F3C;
  --sage:#F6FAF0;
  --offwhite:#F9FAFA;
  --ink:#222222;

  --surface-page:var(--sage);
  --surface-card:#ffffff;
  --surface-dark:var(--slate);
  --surface-dark-deep:var(--slate-deep);
  --text-body:var(--ink);
  --text-on-dark:var(--offwhite);
  --text-muted:#6b6b6b;
  --border-subtle:#e4e4e4;

  --action:var(--gold);
  --action-hover:var(--gold-hover);
  --action-text:var(--slate-deep);

  --role-primary-bg:#E2E8EA;
  --role-primary-text:var(--slate);
  --role-accent-bg:#F7EAD2;
  --role-accent-text:#8a6114;
  --role-neutral-bg:#F0F0EC;
  --role-neutral-text:#666;
  --role-limited-bg:#EBEFDD;
  --role-limited-text:#55642c;
  --role-shared-bg:#E0EFE8;
  --role-shared-text:#004531;
}