/* ════════════════════════════════════════════════════
   HSC ERP — 디자인 토큰 v3
   라이트 4종 (light-warm=Soft Cream / light-cool / light-blue
              + light-moss / light-sage / light-mint / light-olive)
   다크 1종 (dark-gray)
   docs/디자인_토큰.md 참조

   v3 변경 (2026-05-22):
     - light-warm 톤다운: F0EBDC → Soft Cream FAF6EC (부드럽고 옅음)
     - 그린 계열 4종 신규 추가 (싱그러운 톤)
═══════════════════════════════════════════════════ */

:root {
  --font-sans: 'Pretendard', -apple-system, '맑은 고딕', sans-serif;
  --font-mono: 'D2Coding', 'Roboto Mono', 'Consolas', monospace;
  --font-base-size: 15px;
  --line-height: 1.55;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-sm: 1px;
  --radius:    2px;
  --radius-lg: 3px;
}

/* ── 라이트 따뜻 (기본 — Soft Cream, 부드럽고 옅은 베이지) ── */
:root,
[data-theme="light-warm"] {
  --bg-base:       #FAF6EC;
  --bg-surface:    #FFFEFA;
  --bg-surface-2:  #F2EBD8;
  --bg-elevated:   #FFFFFF;
  --border-light:  #E5DCC2;
  --border-medium: #CDC09F;
  --border-strong: #8A7860;
  --text-primary:  #3D2E1A;
  --text-secondary:#5E5240;
  --text-muted:    #8A7860;
  --brand:         #A07825;
  --brand-hover:   #BC8E32;
  --brand-bg:      rgba(160,120,37,0.10);
  --success:       #6E8E3F;
  --warning:       #BC7027;
  --danger:        #B83D2E;
}

/* ── 라이트 콜드 (ERP 표준 — 흰 카드) ── */
[data-theme="light-cool"] {
  --bg-base:       #F5F4ED;
  --bg-surface:    #FFFFFF;
  --bg-surface-2:  #EEECDF;
  --bg-elevated:   #FFFFFF;
  --border-light:  #E5E2D6;
  --border-medium: #C9C3AE;
  --border-strong: #8E866C;
  --text-primary:  #1F1B10;
  --text-secondary:#5A5240;
  --text-muted:    #8E866C;
  --brand:         #B88A2A;
  --brand-hover:   #D0A13A;
  --brand-bg:      rgba(184,138,42,0.10);
  --success:       #5E8A5C;
  --warning:       #C58E2A;
  --danger:        #B14A4A;
}

/* ── 라이트 블루 (HSC 코퍼레이트 블루) ── */
[data-theme="light-blue"] {
  --bg-base:       #F4F6FB;   /* 페이지 — 쿨 화이트 (살짝 푸른 끼) */
  --bg-surface:    #FFFFFF;   /* 카드 — 흰색 */
  --bg-surface-2:  #EBF0F7;   /* 호버 */
  --bg-elevated:   #FFFFFF;
  --border-light:  #D8DFEA;
  --border-medium: #B8C2D4;
  --border-strong: #8595B0;
  --text-primary:  #0F1928;
  --text-secondary:#4A5670;
  --text-muted:    #7A8499;
  --brand:         #2563EB;
  --brand-hover:   #1D4ED8;
  --brand-bg:      rgba(37,99,235,0.10);
  --success:       #15803D;
  --warning:       #B45309;
  --danger:        #B91C1C;
}

/* ── 라이트 모스 (Deep Moss — 정통 짙은 이끼색) ── */
[data-theme="light-moss"] {
  --bg-base:       #F4F8F1;
  --bg-surface:    #FFFFFF;
  --bg-surface-2:  #E5EFE0;
  --bg-elevated:   #FFFFFF;
  --border-light:  #D7E2CD;
  --border-medium: #B6C7A8;
  --border-strong: #7B8E6A;
  --text-primary:  #1F3019;
  --text-secondary:#3F5236;
  --text-muted:    #6E7D62;
  --brand:         #4A8B3F;
  --brand-hover:   #5BA34E;
  --brand-bg:      rgba(74,139,63,0.10);
  --success:       #5B9A4E;
  --warning:       #D4862C;
  --danger:        #C03D2E;
}

/* ── 라이트 세이지 (Sage — 차분한 회녹색, 눈 피로 ↓) ── */
[data-theme="light-sage"] {
  --bg-base:       #F5F7F2;
  --bg-surface:    #FFFFFF;
  --bg-surface-2:  #E8EDE0;
  --bg-elevated:   #FFFFFF;
  --border-light:  #D9E0CF;
  --border-medium: #B7C3A7;
  --border-strong: #7C8B71;
  --text-primary:  #2A3A2E;
  --text-secondary:#4D5C48;
  --text-muted:    #7C8B71;
  --brand:         #5C8266;
  --brand-hover:   #6E957A;
  --brand-bg:      rgba(92,130,102,0.10);
  --success:       #6B9170;
  --warning:       #C99248;
  --danger:        #B85B4B;
}

/* ── 라이트 민트 프레쉬 (Mint Fresh — 가장 싱그러운 톤) ── */
[data-theme="light-mint"] {
  --bg-base:       #F0F7F2;
  --bg-surface:    #FFFFFF;
  --bg-surface-2:  #DCEBE0;
  --bg-elevated:   #FFFFFF;
  --border-light:  #C8DCCF;
  --border-medium: #A5C5B0;
  --border-strong: #6E9079;
  --text-primary:  #163024;
  --text-secondary:#365142;
  --text-muted:    #6E8979;
  --brand:         #2F8F5C;
  --brand-hover:   #3FA570;
  --brand-bg:      rgba(47,143,92,0.10);
  --success:       #41A06D;
  --warning:       #E29230;
  --danger:        #D04A3A;
}

/* ── 라이트 올리브 (Fresh Olive — 따뜻한 옅은 올리브) ── */
[data-theme="light-olive"] {
  --bg-base:       #F6F6EE;
  --bg-surface:    #FFFFFF;
  --bg-surface-2:  #E9EAD7;
  --bg-elevated:   #FFFFFF;
  --border-light:  #D9DBC0;
  --border-medium: #B5BA94;
  --border-strong: #7F8557;
  --text-primary:  #2D3318;
  --text-secondary:#4E5634;
  --text-muted:    #7F8557;
  --brand:         #6F8A2A;
  --brand-hover:   #84A235;
  --brand-bg:      rgba(111,138,42,0.10);
  --success:       #7C9C32;
  --warning:       #C77B30;
  --danger:        #B83D2E;
}

/* ── 다크 그레이 (cool — IT/SaaS 표준 톤) ── */
[data-theme="dark-gray"] {
  --bg-base:       #18181B;
  --bg-surface:    #232327;
  --bg-surface-2:  #2D2D33;
  --bg-elevated:   #2D2D33;
  --border-light:  rgba(255,255,255,0.06);
  --border-medium: rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.18);
  --text-primary:  #ECECEE;
  --text-secondary:#A1A1A6;
  --text-muted:    #6E6E73;
  --brand:         #D0A13A;          /* 그레이 위 황색은 더 도드라짐 — 살짝 더 밝게 */
  --brand-hover:   #E5B650;
  --brand-bg:      rgba(208,161,58,0.13);
  --success:       #7BBF77;
  --warning:       #E5B243;
  --danger:        #D67373;
}

/* 폴백 — 카드 갭 흰 노출 방지 */
html { background: #FAF6EC; }
html[data-theme="light-cool"]  { background: #F5F4ED; }
html[data-theme="light-blue"]  { background: #F4F6FB; }
html[data-theme="light-moss"]  { background: #F4F8F1; }
html[data-theme="light-sage"]  { background: #F5F7F2; }
html[data-theme="light-mint"]  { background: #F0F7F2; }
html[data-theme="light-olive"] { background: #F6F6EE; }
html[data-theme="dark-gray"]   { background: #18181B; }