/* ══ 데일로 DAILO v3 · 전역 조판 + 접근성 폴백 ═══════════════════
   폴백은 컴포넌트가 아니라 토큰을 갈아끼우는 방식이다 —
   화면은 var() 만 쓰므로 미디어쿼리가 전 화면에 자동 적용된다.
   v3(재설계 2단계 2-① T-RD2-L1): 유리 훅·투명도 폴백·흐림 강등 쿼리 삭제(유리 0 — 사장 8zzw · DS §1-10 G-3) ·
   등장·그리기·반짝임 키프레임 삭제(설계 조정자 결정 C-11) · 폰 본문 별칭 교체 추가(사장 선택 V3-G1 「A」). */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font:var(--type-body-ui);       /* 데스크톱 14 · 폰 16 — 아래 폭 구간이 별칭을 갈아끼운다 */
  color:var(--text-body);
  background:var(--surface-page);
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;            /* §7 결함 2 */
  overflow-wrap:break-word;
  font-variant-numeric:tabular-nums;  /* §3-3 · 모든 숫자 */
  letter-spacing:0;               /* §7 결함 1 — 네거티브 트래킹 폐기 */
}
a{color:var(--theme-accent);text-decoration:none;}
a:hover{color:var(--theme-accent-deep);text-decoration:underline;}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:0;}
:focus-visible{outline:none;box-shadow:var(--ring-focus);}

/* ── 프레스 피드백 (v3.6) ──────────────────────
   누를 수 있는 것은 눌렸을 때 반상해야 한다. 모든 button 과
   반상을 받는 span CTA([data-press])에 같은 식을 한 곳에서 걸어
   화면별로 버튼마다 style-active 를 반복하지 않는다.
   transform 만 지정한다 — all 은 레이아웃 속성까지 받아 프레이밍을 깨린다. */
button,[data-press]{transition:transform var(--motion-press-dur) var(--ease-out);}
button:active:not(:disabled):not([aria-disabled="true"]),
[data-press]:active:not([aria-disabled="true"]){transform:var(--motion-press);}
[data-press]{cursor:pointer;}
[data-press][aria-disabled="true"]{cursor:default;}

/* 남는 키프레임은 저장 중 회전 하나다 — 모션 감소 때는 --motion-loop-state 로 멈춘다. */
@keyframes dailo-spin{to{transform:rotate(360deg);}}

/* ── 폭 구간 (R-T6 · 경계 값 767 · 1023 고정) — 폰은 화면 본문 별칭을 16 으로 갈아끼운다 ── */
@media (max-width:767px){ :root{ --type-body-ui:var(--type-body-mobile); --type-body-ui-strong:var(--type-body-strong); } }

/* ── 폴백 1 · 고대비 (§3-4) ─────────────────────────────── */
@media (prefers-contrast:more){
  :root{
    --border-line:var(--gray-600); --border-input:var(--gray-700);
    --text-sub:var(--gray-700);
  }
}

/* ── 폴백 2 · 모션 감소 3단 규칙 (§3-5)
   ① 이동 제거 ② 색·불투명도 유지 ③ 반복 이동만 정지                */
@media (prefers-reduced-motion:reduce){
  :root{
    --motion-move-dur:.01ms;
    --motion-surface-dur:.01ms;
    --motion-loop-state:paused;
    --motion-press:none;
    /* --motion-color-dur 는 유지 — 색 변화는 정보 전달이다 */
  }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){
    animation:none !important;
  }
}