@import "./tokens.css";

/* Minimal base to avoid conflicting with existing inline styles */
* { box-sizing: border-box; }

/* Utility: visually hidden but accessible */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0; padding: 0; margin: -1px;
}

/* Focus visibility improvements */
:where(button, [href], input, select, textarea):focus-visible {
  outline: 2px solid var(--color-teal);
  outline-offset: 2px;
}