/* ═══════════════════════════════════════════════════════════════
   디자인 토큰 — 라이트/다크 자동 전환 (OS 설정 따라감).
   색은 slate 계열 중립 + 아키텍처 블루 액센트. 의미색(성공/경고/위험) 별도.
   모든 컴포넌트는 이 변수만 참조 → 테마 일관성.
   ═══════════════════════════════════════════════════════════════ */
:root {
  color-scheme: light dark;

  --bg:        #F5F6F8;
  --surface:   #FFFFFF;
  --surface-2: #EEF0F3;
  --ink:       #14171C;
  --ink-2:     #4A515C;
  --ink-3:     #79818D;
  --line:      #E2E5EA;
  --line-2:    #D0D4DB;

  --accent:      #1F5FA8;
  --accent-ink:  #FFFFFF;
  --accent-soft: #E7EFF8;

  --ok:      #1F7A54;  --ok-soft:   #E3F1E9;
  --warn:    #9A6B0C;  --warn-soft: #F6EDD8;
  --danger:  #B0402A;  --danger-soft:#F6E4DF;

  --radius: 12px;
  --radius-sm: 9px;
  --shadow: 0 1px 3px rgba(20,23,28,.06), 0 4px 16px rgba(20,23,28,.04);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --tabbar-h: 58px;

  --font: "Pretendard","Apple SD Gothic Neo","맑은 고딕",-apple-system,system-ui,sans-serif;
  --mono: "SFMono-Regular",ui-monospace,"Consolas",monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:        #0F1216;
    --surface:   #171B21;
    --surface-2: #1F242B;
    --ink:       #EBEDF1;
    --ink-2:     #AEB4BF;
    --ink-3:     #79808C;
    --line:      #262B33;
    --line-2:    #333A44;

    --accent:      #68A6E6;
    --accent-ink:  #0B0F14;
    --accent-soft: #17293C;

    --ok:      #5FC08C;  --ok-soft:   #15271E;
    --warn:    #D7A94A;  --warn-soft: #2A2312;
    --danger:  #E37A5F;  --danger-soft:#2E1A15;

    --shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);
  }
}