/* VoiceWithOne 디자인 토큰 (M0 동결 — UX_SPEC §4 그대로. 값 변경은 계약 변경) */

:root {
  /* 브랜드 */
  --wo-primary:        #3B4FD8; /* WithOne Indigo — 프라이머리 버튼·포커스 */
  --wo-primary-deep:   #2A3AA6;
  --wo-accent:         #00B8C4; /* Signal Cyan — 오브 그라데이션 종점·활성 파동 */
  --wo-orb-gradient:   linear-gradient(135deg, #3B4FD8, #00B8C4);

  /* 뉴트럴 (라이트) */
  --wo-bg:             #F5F7FA;
  --wo-surface:        #FFFFFF;
  --wo-surface-alt:    #EDF0F5;
  --wo-border:         #D7DDE6;
  --wo-text:           #1A2233;
  --wo-text-sub:       #5A6478;
  --wo-text-disabled:  #9AA3B5;

  /* 업무별 고유색 (카드 스트립·아이콘·화면 테마 — 대면적 배경 금지) */
  --wo-task-med:       #2563EB; /* 투약-일반: 블루 */
  --wo-task-chemo:     #7C3AED; /* 투약-항암: 퍼플 — 전용 프레임 색 */
  --wo-task-trf:       #DC2626; /* 수혈: 레드 */
  --wo-task-bld:       #D97706; /* 채혈: 앰버 */
  --wo-task-vs:        #0D9488; /* V/S: 틸 */
  --wo-task-io:        #0891B2; /* I/O: 시안 */
  --wo-task-memo:      #DB2777; /* 간호메모: 마젠타 */
  --wo-task-sup:       #059669; /* 간호지원(수술전·마약·OCR): 그린 */
  --wo-task-lab:       #4F46E5; /* 검사조회: 인디고 */
  --wo-task-alarm:     #B45309; /* 알람: 딥 앰버 */

  /* 위험뱃지 4종 (환자 컨텍스트 헤더) */
  --wo-risk-fall:      #F59E0B; /* 낙상주의 FALL */
  --wo-risk-allergy:   #EF4444; /* 알레르기 ALGY */
  --wo-risk-adr:       #F97316; /* 약물이상반응 ADR */
  --wo-risk-iso:       #8B5CF6; /* 감염격리 ISO */

  /* 시맨틱 */
  --wo-success:        #16A34A;
  --wo-warning:        #F59E0B;
  --wo-error:          #DC2626;
  --wo-info:           #2563EB;

  /* 기록 상태 */
  --wo-draft:          #F59E0B; /* 임시저장 — 앰버 점선 테두리 + DRAFT 라벨 */
  --wo-final:          #16A34A; /* 최종저장 — 그린 실선 + 체크 */
  --wo-amend:          #7C3AED; /* 정정 이력 뱃지 */

  /* 연결 상태 (상태 클러스터) */
  --wo-conn-on:        #16A34A;
  --wo-conn-degraded:  #F59E0B;
  --wo-conn-off:       #DC2626;

  /* 타이포그래피 (UX_SPEC §4.3) */
  --wo-font: 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
  --wo-type-display: 700 32px/40px var(--wo-font);  /* V/S 수치 — tabular-nums 필수 */
  --wo-type-title:   700 22px/30px var(--wo-font);
  --wo-type-section: 600 17px/24px var(--wo-font);
  --wo-type-body:    400 15px/22px var(--wo-font);
  --wo-type-label:   500 13px/18px var(--wo-font);
  --wo-type-caption: 400 12px/16px var(--wo-font);

  /* 간격 스케일 (4px 기준) */
  --wo-sp-1: 4px;  --wo-sp-2: 8px;  --wo-sp-3: 12px;
  --wo-sp-4: 16px; --wo-sp-5: 24px; --wo-sp-6: 32px;
  --wo-pad-screen: 16px;   /* 화면 좌우 */
  --wo-pad-card: 16px;     /* 카드 내부 */
  --wo-gap-card: 12px;     /* 카드 간 */

  /* 모서리 */
  --wo-r-card: 16px; --wo-r-btn: 12px; --wo-r-chip: 999px; --wo-r-sheet: 24px;

  /* 터치 타깃 (P3 글러브 퍼스트) */
  --wo-touch-min: 48px; --wo-touch-primary: 56px; --wo-touch-orb: 72px; --wo-touch-key: 64px;

  /* 고도 */
  --wo-shadow-1: 0 2px 8px rgba(0,0,0,.08);
  --wo-shadow-3: 0 8px 24px rgba(0,0,0,.16);

  /* 모션 */
  --wo-motion-std: 200ms ease-out;
  --wo-motion-radial: 250ms cubic-bezier(.34,1.3,.64,1);
  --wo-motion-flash: 120ms;
}

:root[data-theme="dark"] {
  --wo-bg:             #0F1420;
  --wo-surface:        #1A2233;
  --wo-surface-alt:    #232C42;
  --wo-border:         #33405C;
  --wo-text:           #EDF0F5;
  --wo-text-sub:       #9AA3B5;
  --wo-text-disabled:  #5A6478;
  /* 업무색 다크 1단계 밝은 변형(대비 4.5:1 유지) */
  --wo-task-med:       #4C82F7;
  --wo-task-chemo:     #9B6BF2;
  --wo-task-trf:       #F05252;
  --wo-task-bld:       #F59E0B;
  --wo-task-vs:        #2DD4BF;
  --wo-task-io:        #22D3EE;
  --wo-task-memo:      #F472B6;
  --wo-task-sup:       #34D399;
  --wo-task-lab:       #818CF8;
  --wo-task-alarm:     #D97706;
  --wo-shadow-1: none; --wo-shadow-3: none; /* 다크는 그림자 대신 표면 명도 단계 */
}

/* 전역 베이스 */
html { font: var(--wo-type-body); background: var(--wo-bg); color: var(--wo-text); }
body { margin: 0; -webkit-tap-highlight-color: transparent; }
* { box-sizing: border-box; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}
.vw-boot { padding: 40vh var(--wo-pad-screen) 0; text-align: center; color: var(--wo-text-sub); }