/* Shared source for the storefront, commerce admin and activation service. */
:root {
  --air-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --air-text-body: 17px;
  --air-text-control: 16px;
  --air-text-caption: 14px;
  --air-icon-action: 20px;
  --air-focus: #246ef3;
}
.dark { --air-focus: #91bdff; }
body { font-family: var(--air-font-sans); -webkit-text-size-adjust: 100%; }
button, input, select, textarea { font-family: inherit; }
[data-air-control] { min-height:44px; font-size: var(--air-text-control); line-height: 1.5; font-weight: 600; transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease; }
[data-air-size="xs"] { min-height:32px; }
[data-air-size="sm"], [data-air-size="icon-sm"] { min-height:40px; }
[data-air-control] svg.lucide { width: var(--air-icon-action); height: var(--air-icon-action); stroke-width: 2; flex-shrink: 0; }
:where(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--air-focus); outline-offset: 3px; }
:where(time, .font-mono, .metric b) { font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  [data-air-control] { min-height: 44px; }
  [data-air-size^="icon"] { min-width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}