:root {
  --control-height: 32px;
  --control-radius: 6px;
  --focus-ring: 0 0 0 2px rgba(118, 218, 255, 0.78);
  --panel-border-width: 1px;
  --panel-gap: 12px;
}

:where(button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

:where(button, input, select) {
  min-height: var(--control-height);
}

:where(button, input, select, textarea) {
  border-radius: var(--control-radius);
}