/* To use settings */
.demo-weight--regular { font-weight: var(--regular); }
.demo-weight--medium { font-weight: var(--medium); }
.demo-weight--bold { font-weight: var(--bold); }
.demo-weight--black { font-weight: var(--black); }

/* To style samples */
.demo-grid p {
  font-size: var(--global-font-size--xxx-large);
}
.demo-grid figure {
  display: flex;
  flex-direction: column;
}
.demo-grid figure p {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}