/* OneVoiceEMR(구 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종 (환자 컨텍스트 헤더)
   * VW2-075: 흰 글자(12px) 뱃지 배경은 UX_SPEC §4 '텍스트 4.5:1' 약속을 지키도록
   * 동일 계열 1단계 진한 값으로 보정(흰 글자 대비 전부 ≥4.5:1). 원값(주석)은 4.5 미달. */
  --wo-risk-fall:      #B45309; /* 낙상주의 FALL (구 #F59E0B 2.15:1 → 5.0:1) */
  --wo-risk-allergy:   #B91C1C; /* 알레르기 ALGY (구 #EF4444 3.35:1 → 6.5:1) */
  --wo-risk-adr:       #C2410C; /* 약물이상반응 ADR (구 #F97316 2.80:1 → 5.2:1) */
  --wo-risk-iso:       #6D28D9; /* 감염격리 ISO (구 #8B5CF6 3.36:1 → 7.1:1) */

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

  /* 기록 상태
   * VW2-075: DRAFT/FINAL 칩은 흰 글자 bg로도 쓰여 4.5:1 보정(라이트).
   * 다크는 텍스트 용법(draftbar) 대비 때문에 원값 유지 + app.css에서 칩 글자색만 전환. */
  --wo-draft:          #B45309; /* 임시저장 — 앰버 점선 테두리 + DRAFT 라벨 (구 #F59E0B 2.15:1) */
  --wo-final:          #15803D; /* 최종저장 — 그린 실선 + 체크 (구 #16A34A 3.30:1) */
  --wo-amend:          #7C3AED; /* 정정 이력 뱃지 (흰 글자 5.7:1 — 원값 유지) */

  /* 연결 상태 (상태 클러스터) */
  --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;
  /* VW2-075: 다크에선 draft/final이 어두운 표면 위 '텍스트/테두리'로 쓰여 밝은 원값 복원
   * (칩 배경 용법은 app.css가 다크에서 글자색을 어둡게 전환해 4.5:1 유지) */
  --wo-draft:          #F59E0B;
  --wo-final:          #16A34A;
  /* 업무색 다크 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); }