/* Agossa 10.85 — shared design tokens and accessible primitives. */
:root {
  --ag-ui-ink: #17191d;
  --ag-ui-muted: #656b75;
  --ag-ui-border: #e5e7eb;
  --ag-ui-surface: #ffffff;
  --ag-ui-soft: #f7f8fa;
  --ag-ui-focus: #2563eb;
  --ag-ui-radius-sm: 9px;
  --ag-ui-radius-md: 14px;
  --ag-ui-radius-lg: 20px;
  --ag-ui-shadow: 0 12px 32px rgba(18,24,36,.055);
  --ag-ui-motion: 180ms ease;
}
:where(button, input, textarea, select, a):focus-visible {
  outline: 3px solid var(--ag-ui-focus);
  outline-offset: 3px;
}
:where(button, input, textarea, select) { font: inherit; }
:where(input,select,textarea):disabled { cursor: not-allowed; opacity: .58; }
:where(button,[role="button"]):disabled { cursor: not-allowed; opacity: .58; }
:where(.agossa-skip-link):focus-visible { position: fixed !important; top: 12px; left: 12px; z-index: 999999; width: auto; height: auto; padding: 12px 18px; background: #fff; color: #111; clip: auto; clip-path: none; border-radius: 8px; box-shadow: 0 4px 20px #0002; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  :where(button,a,input,select,textarea):focus-visible { outline: 2px solid Highlight; }
}

/* 10.87 — accessible interaction tokens shared across storefront and account pages. */
:root {
  --ag-ui-touch-target: 44px;
  --ag-ui-content-max: 1440px;
  --ag-ui-control-shadow: 0 0 0 3px rgba(37,99,235,.13);
}
:where(.screen-reader-text):focus { z-index: 100000; }
:where(dialog) { max-width: min(92vw, 720px); }
@media (prefers-reduced-motion: reduce) {
  :where(html) { scroll-behavior: auto; }
}