/* SPREEAI Partner portal — base layer.
   Verbatim from the prototype, plus one addition: a visible focus ring.
   The prototype sets outline:none with no replacement, which fails
   WCAG 2.4.7. The focus-visible rule below is the intended fix. */

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #FFFFFF;
  color: #000000;
  font-family: Afacad, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
a { color: #000000; text-decoration: none; }
a:hover { color: #595959; text-decoration: underline; text-underline-offset: 3px; }
input, textarea { font-family: Afacad, sans-serif; }

/* ADDED, not in the prototype. Keyboard focus must be visible. */
:focus-visible { outline: 2px solid #000000; outline-offset: 2px; border-radius: inherit; }

/* Search panel entrance. Declared in the prototype but never rendered:
   see the search and notifications note in the build spec. */
@keyframes om-search-in {
  from { opacity: 0; transform: translateX(14px); }
  to   { opacity: 1; transform: none; }
}

/* Skeleton shimmer. Used by loading-state cards. */
@keyframes om-shimmer {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
