[data-ui-surface],
[data-ui-surface]::before,
[data-ui-surface]::after,
[data-ui-surface] *,
[data-ui-surface] *::before,
[data-ui-surface] *::after {
  box-sizing: border-box;
}

[data-ui-surface] {
  color: var(--arhix-ink-active);
  font-family: var(--arhix-font);
  font-size: var(--arhix-font-size-body);
  font-weight: var(--arhix-font-weight-body);
  line-height: 1.2;
}

[data-ui-surface] :where(button, input, textarea, select) {
  color: inherit;
  font: inherit;
}

[data-ui-surface] :where(button, input, textarea, select, svg) {
  margin: 0;
}

[data-ui-surface] :where(svg, img) {
  display: block;
}