/* KOG Ops One 디자인 토큰 — 확정 시안(genspark) 기준 */
:root {
  /* canvas / surface */
  --bg: #F6F7FB;
  --surface: #FFFFFF;
  --surface-2: #F3F5F9;
  --surface-3: #EEF1F6;

  /* brand — royal blue accent (시안 기준) */
  --primary: #2D5BFF;
  --primary-strong: #1E45E6;
  --primary-soft: #EAEFFF;
  --primary-softer: #F2F5FF;

  /* AI 액센트 — ops 코그 파랑 계열(주황 테라코타 폐기). 살아 숨쉬는 AI 톤. */
  --ai: #2D5BFF;          /* ops 코그 파랑 */
  --ai-strong: #1E40FF;   /* hover·강조 */
  --ai-soft: #E8EEFF;     /* 옅은 배경(아바타·요약 카드·칩) */

  /* status */
  --success: #16A34A;
  --success-soft: #E7F6EC;
  --warning: #D9820B;
  --warning-soft: #FCEFD7;
  --danger: #E5484D;
  --danger-soft: #FCEAEA;
  --info: #2D5BFF;
  --info-soft: #EAEFFF;

  /* text */
  --text-strong: #111827;
  --text: #374151;
  --text-muted: #6B7280;
  --text-faint: #9AA1AC;

  /* line */
  --border: #ECEEF2;
  --border-2: #E2E5EB;

  /* radius */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* shadow */
  --shadow-xs: 0 1px 2px rgba(17,24,39,.04);
  --shadow-sm: 0 2px 8px rgba(17,24,39,.05);
  --shadow-md: 0 8px 28px rgba(17,24,39,.07);
  --shadow-lg: 0 18px 48px rgba(17,24,39,.12);

  /* layout */
  --sidebar-w: 248px;
  --tree-w: 240px;
  --content-max: 1320px;
  --bottomnav-h: 64px;
  --touch-min: 44px; /* 모바일 터치타깃 최소 크기 (WCAG 2.5.8) */

  --font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
          "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;

  /* avatar tints */
  --av-1: #DBE4FF; --av-1t: #2D5BFF;
  --av-2: #FBE4E4; --av-2t: #D9534F;
  --av-3: #E5F3E8; --av-3t: #16A34A;
  --av-4: #F3E8FF; --av-4t: #7C3AED;

  /* 반투명 유리 표면 — 모바일 하단탭·플로팅 UI */
  --surface-glass: rgba(255,255,255,.96);

  /* 멘션 칩(품목·거래처·담당자) — 라이트 기준값(기존 하드코딩 값 토큰화, 색 동일) */
  --chip-item-bg:    #DCE6FF; --chip-item-fg:    #1D4ED8; --chip-item-bd:   #9DB8F5;
  --chip-partner-bg: #ECDDFD; --chip-partner-fg: #6D28D9; --chip-partner-bd: #C7A6F0;
  --chip-user-bg:    #D6F0DE; --chip-user-fg:    #15803D; --chip-user-bd:   #93CFA3;

  /* 핀 고정 행 — 라이트 기준값(기존 크림 금색 토큰화, 색 동일) */
  --pin-row-bg:       #FFFBEC;
  --pin-row-bg-hover: #FFF6D8;

  /* 틴트 타일 — 라이트 기준값 */
  --tile-blue-bg:   #E8EEFF; --tile-blue-fg:   #2D5BFF;
  --tile-red-bg:    #FCE9E9; --tile-red-fg:    #E5484D;
  --tile-green-bg:  #E6F5EC; --tile-green-fg:  #16A34A;
  --tile-amber-bg:  #FCEFD7; --tile-amber-fg:  #C77B0A;
  --tile-purple-bg: #F0E9FF; --tile-purple-fg: #7C3AED;

  /* 아침 감성 화면 토큰 — concept §2-2·§3-1 */
  --morning-bg-warm:          #FBF7F0;   /* 크림 화이트 — 좌상단 햇살 */
  --morning-bg-cool:          #EEF1F8;   /* 차분한 블루그레이 — 우하단 */
  --morning-ink:              #2A2E37;   /* 인용구 잉크 (부드러운 먹) */
  --morning-ink-soft:         #5A6070;   /* 출처·서명 */
  --morning-accent:           #C8915B;   /* 햇살 골드 액센트 */

  --morning-quote-size:       clamp(25px, 3.8vw, 44px);
  --morning-quote-lh:         1.5;
  --morning-greeting-size:    clamp(18px, 2.2vw, 26px);
  --morning-source-size:      clamp(13px, 1.1vw, 16px);
  --morning-encore-size:      clamp(17px, 1.7vw, 23px);
  --morning-sign-size:        clamp(12px, 1vw, 14px);

  --morning-serif:            "Nanum Myeongjo", "Source Serif 4", "RIDIBatang", "Batang", serif;

  /* WMS 히트맵 5단계 — "재고 적음=주의(앰버), 충분=차분 파랑". 빨강은 0(품절)에만. */
  --heat-0-bg: #FCEAEA; --heat-0-bd: #F0C5C6; --heat-0-fg: #B23438;  /* 품절(주의 적색, 절제) */
  --heat-1-bg: #FCEFD7; --heat-1-bd: #EFD8A6; --heat-1-fg: #A4630A;  /* 매우 적음(앰버 진함) */
  --heat-2-bg: #FBF3E2; --heat-2-bd: #EFE0BE; --heat-2-fg: #9A6A1B;  /* 적음(앰버 옅음) */
  --heat-3-bg: #EEF2FB; --heat-3-bd: #D5DEF2; --heat-3-fg: #2F4E8F;  /* 보통(파랑 옅음) */
  --heat-4-bg: #E3EAFD; --heat-4-bd: #BFD0F7; --heat-4-fg: #1E45E6;  /* 충분(파랑 진함) */

  /* WMS 채널 배지 — SAP=파랑 계열, E-REQ=중성 그레이 */
  --ch-sap-bg: #EAEFFF; --ch-sap-fg: #1E45E6; --ch-sap-bd: #9DB8F5;
  --ch-ereq-bg: #EEF1F6; --ch-ereq-fg: #4B5563; --ch-ereq-bd: #D5DAE2;
}

/* ============================================================
   다크 팔레트 오버라이드 — [data-theme="dark"]
   WCAG AA 기준 본문 텍스트 4.5:1 이상 확보 (#C9D1DC on #0E1116 ≈ 7.2:1)
   ============================================================ */
[data-theme="dark"] {
  /* canvas / surface — 프리미엄 다크-테크. 깊은 쿨 near-black + 블루 언더톤.
     완전 회색이 아니라 미세한 블루 기운을 띤 층위감(surface가 한 단계씩 밝아짐). */
  --bg:        #0A0D14;
  --surface:   #121724;
  --surface-2: #18203A;
  --surface-3: #20283A;
  /* --surface-alt: 라이트 CSS는 var(--surface-alt, #f7f8fc 등) 폴백으로 은은한 오프화이트 보조면을 쓴다.
     다크에선 이 토큰이 미정의라 14곳(품목모달 헤더·푸터·hover 등)이 밝은 흰 띠로 튀던 버그 → 다크 보조면으로 정의. */
  --surface-alt: #18203A;

  /* 레거시 미정의 토큰 — 라이트 폴백(흰색·연회색)만 있어 다크에서 밝은 배경으로 튀던 것들.
     전부 background로만 쓰이며(글자·보더 아님) 기존 다크 토큰에 매핑해 일괄 교정. */
  --surface-1:     var(--surface);
  --bg-surface:    var(--surface);
  --bg-page:       var(--bg);
  --surface-hover: var(--surface-2);
  --bg-hover:      var(--surface-2);
  --hover:         rgba(255, 255, 255, .06);
  --border-light:  var(--border-2);
  --border-faint:  var(--border);
  --primary-tint:  var(--primary-soft);
  --danger-bg:     var(--danger-soft);
  --success-bg:    var(--success-soft);

  /* brand */
  --primary:       #4D78FF;
  --primary-strong: #6B8FFF;
  --primary-soft:   #18244A;
  --primary-softer: #131C3A;

  /* AI */
  --ai:        #4D78FF;
  --ai-strong: #6B8FFF;
  --ai-soft:   #18244A;

  /* status */
  --success:      #34D17F;
  --success-soft: #15271C;
  --warning:      #E8A33D;
  --warning-soft: #2A2113;
  --danger:       #F06A6F;
  --danger-soft:  #2C1718;
  --info:         #4D78FF;
  --info-soft:    #1B2540;

  /* WMS 히트맵·창고 채널칩 — 라이트(:root)에만 있던 heat/ch 토큰을 다크 팔레트로 정의.
     미정의 시 타일이 라이트 파스텔로 남아 흰 위치명·재고 숫자(text-strong)가 묻히던 버그.
     기존 다크 status/soft 톤과 동일 계열(어두운 tint 배경 + 밝은 전경색). */
  --heat-0-bg: #2C1718; --heat-0-bd: #542A2C; --heat-0-fg: #F06A6F;  /* 품절 적색 */
  --heat-1-bg: #2A2113; --heat-1-bd: #4E3C1C; --heat-1-fg: #E8A33D;  /* 매우 적음 앰버 */
  --heat-2-bg: #231D13; --heat-2-bd: #3E331C; --heat-2-fg: #D6A24E;  /* 적음 앰버 */
  --heat-3-bg: #18203A; --heat-3-bd: #2E3F6B; --heat-3-fg: #7FA0FF;  /* 보통 파랑 */
  --heat-4-bg: #1A2650; --heat-4-bd: #34457A; --heat-4-fg: #93AEFF;  /* 충분 파랑 */
  --ch-sap-bg:  #18244A; --ch-sap-fg:  #9DB8F5; --ch-sap-bd:  #2E3F6B;
  --ch-ereq-bg: #1E2536; --ch-ereq-fg: #AAB3C1; --ch-ereq-bd: #34405C;

  /* text */
  --text-strong: #F2F4F8;
  --text:        #C9D1DC;
  --text-muted:  #95A0AE;
  --text-faint:  #6B7480;

  /* line — 살짝 블루 기운을 띤 글래시 보더(완전 회색 아님) */
  --border:   #283249;
  --border-2: #34405C;

  /* shadow — 어두운 배경에서 더 깊게(글래시 층위감) */
  --shadow-xs: 0 1px 2px rgba(0,0,0,.35);
  --shadow-sm: 0 2px 10px rgba(0,0,0,.45);
  --shadow-md: 0 10px 34px rgba(0,0,0,.55);
  --shadow-lg: 0 22px 56px rgba(0,0,0,.66);

  /* 블루 글로우 — 다크 전용. 주요 액션·강조 카드·로고에만 절제 적용.
     라이트에는 정의하지 않는다(글로우 미사용). 데이터·본문 표면엔 쓰지 말 것. */
  --glow-primary:  0 0 0 1px rgba(77,120,255,.30), 0 8px 30px rgba(77,120,255,.20);
  --glow-primary-soft: 0 0 0 1px rgba(77,120,255,.22), 0 6px 22px rgba(77,120,255,.14);

  /* avatar tints — 배경 어둡게, 틴트 밝게 */
  --av-1: #1E2A52; --av-1t: #7FA0FF;
  --av-2: #3A1A1A; --av-2t: #FF8080;
  --av-3: #112218; --av-3t: #4ADE80;
  --av-4: #261540; --av-4t: #C084FC;

  /* 반투명 유리 표면 — 다크에서 어두운 쿨 반투명 */
  --surface-glass: rgba(18,23,36,.96);

  /* 틴트 타일 — 라이트에서 쓰던 색을 다크에서 어둡게 대응(쿨 베이스에 맞춰 심화) */
  --tile-blue-bg:   #18244A; --tile-blue-fg:   #7FA0FF;
  --tile-red-bg:    #2C1719; --tile-red-fg:    #F06A6F;
  --tile-green-bg:  #112219; --tile-green-fg:  #4ADE80;
  --tile-amber-bg:  #2A2114; --tile-amber-fg:  #E8A33D;
  --tile-purple-bg: #251642; --tile-purple-fg: #C084FC;

  /* 멘션 칩(품목·거래처·담당자) 다크 대응 — 라이트 하드코딩 칩의 다크 토큰화. */
  --chip-item-bg:    #18244A; --chip-item-fg:    #9DB8F5; --chip-item-bd:   #2E3F6B;
  --chip-partner-bg: #251642; --chip-partner-fg: #C9A6F0; --chip-partner-bd: #3D2A66;
  --chip-user-bg:    #112A1C; --chip-user-fg:    #6FD49A; --chip-user-bd:   #234A33;

  /* 핀 고정 행 — 라이트의 크림 금색 대신 다크에선 은은한 골드 틴트 + 좌측 강조선용 색 */
  --pin-row-bg:       rgba(232,180,80,.07);
  --pin-row-bg-hover: rgba(232,180,80,.11);

  /* 아침 화면 — 다크 버전(짙은 웜다크 배경, 밝은 먹 잉크) */
  --morning-bg-warm:  #1C1710;
  --morning-bg-cool:  #141820;
  --morning-ink:      #E8DFD0;
  --morning-ink-soft: #A89E90;
  --morning-accent:   #D4965E;
}