:root {
  --axwel-brand-accent: #C74A22;
  --axwel-brand-accent-hover: #9E3A1A;
  --axwel-focus-ring: 0 0 0 3px rgba(199, 74, 34, 0.32);
  --axwel-touch-target: 42px;
  --axwel-shell-gap: 16px;
  --axwel-shell-radius: 8px;
}

:where(button, .button, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: var(--axwel-touch-target);
}

:where(button, .button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--axwel-brand-accent);
  outline-offset: 2px;
  box-shadow: var(--axwel-focus-ring);
}

:where(.table-scroll, .table-wrap) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}