/* 寻物全场景基础刻度 v0.4.1 · 2026-11-03。
   配色、候选圆角与原动效取自旧 tokens.css；这里不复制六套颜色。 */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --touch-target: 44px;
  --font-caption: 12px;
  --font-label: 12px;
  --font-body: 14px;
  --font-mobile-body: 16px;
  --font-section: 18px;
  --font-heading: 28px;
  --line-body: 1.65;
  --line-heading: 1.3;
  --content-max: 1280px;
  --field-max: 560px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --control-icon-inset: 14px;
  --control-suffix-space: 40px;
  --z-sticky: 20;
  --z-popover: 30;
  --z-backdrop: 40;
  --z-dialog: 50;
  --z-toast: 70;
  --focus-width: 3px;
  --focus-offset: 3px;
  --motion-distance: 6px;
}

@media (max-width: 640px), (pointer: coarse) {
  :root {
    --control-sm: 44px;
    --control-md: 44px;
    --control-lg: 48px;
    --font-body: 16px;
    --font-label: 14px;
    --motion-distance: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-modal: 0ms;
    --motion-page: 0ms;
    --motion-distance: 0px;
  }
}

html[data-motion="reduced"] {
  --motion-fast: 0ms;
  --motion-modal: 0ms;
  --motion-page: 0ms;
  --motion-distance: 0px;
}