/* Wanted Design System — base element defaults.
   Light, minimal reset. The system is light-first; the fig-tokens.css theme
   scopes ([data-mode]) carry the dark + platform modes. */

*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.011em;
  color: var(--label-normal);
  background: var(--background-normal-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes wt-spin { to { transform: rotate(360deg); } }
@keyframes wt-sheet-up { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes wt-drawer-right { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes wt-drawer-left { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes wt-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }

/* The design system's default control focus ring */
:where(button, a, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--primary-normal);
  outline-offset: 2px;
}