@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/radius.css');
@import url('./tokens/shadows.css');

/* Invalid form fields (aria-invalid) — red border + ring. !important so it wins
   over the inline border the design-system Input sets. */
input[aria-invalid='true'],
textarea[aria-invalid='true'] {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--danger) 16%, transparent) !important;
}