/* androa-foundation v1 — 2026-09-13. 어휘와 규칙. 색 값은 materials/<product>.css가 채운다. */
:root{
  /* 간격: 4pt 스케일만 */
  --an-space-1:4px; --an-space-2:8px; --an-space-3:12px; --an-space-4:16px;
  --an-space-6:24px; --an-space-8:32px; --an-space-12:48px; --an-space-16:64px;
  /* 반경: 세 단 */
  --an-radius-s:4px; --an-radius-m:12px; --an-radius-pill:999px;
  /* 타입: 4단 기본값. 재료 파일이 서체·크기를 덮어쓴다 */
  --an-font-display:Georgia,serif; --an-font-body:system-ui,sans-serif;
  --an-type-display:2.4rem; --an-type-title:1.5rem; --an-type-body:1rem; --an-type-caption:.85rem;
  --an-line-display:1.2; --an-line-title:1.35; --an-line-body:1.6; --an-line-caption:1.45;
  --an-measure:68ch;
  /* 모션 */
  --an-motion-fast:150ms; --an-motion-base:200ms; --an-motion-slow:250ms;
  --an-ease:cubic-bezier(.2,.8,.2,1);
  /* 접근성 */
  --an-touch:44px;
}
@media (prefers-reduced-motion:reduce){
  :root{--an-motion-fast:0ms;--an-motion-base:0ms;--an-motion-slow:0ms}
  *,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}
}