/* Preciami action convention v1.01. Explicit semantics also cover generated controls. */
:root {
  --action-forward-background: #D5F0DA;
  --action-forward-text: #205B32;
  --action-cancel-background: #F8D8D8;
  --action-cancel-text: #873535;
}
body :is(button, input, a)[data-action="forward"] {
  background: var(--action-forward-background) !important;
  color: var(--action-forward-text) !important;
  border-color: var(--action-forward-text) !important;
}
body :is(button, input, a)[data-action="cancel"] {
  background: var(--action-cancel-background) !important;
  color: var(--action-cancel-text) !important;
  border-color: var(--action-cancel-text) !important;
}
body :is(button, input, a)[data-action]:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}
body :is(button, input, a)[data-action]:disabled {
  cursor: not-allowed;
}
.preciami-branding {
  margin: 24px auto;
  padding: 12px 18px;
  text-align: center;
  font-size: 14px;
  color: #555;
}
.preciami-branding a { color: #205B32; text-decoration: underline; }
.preciami-branding a:focus-visible { outline: 2px solid #205B32; outline-offset: 3px; }