/* ezai-theme.css - ezAIPOS 색상 변수 정의 */
/* 여기만 바꾸면 전체 테마 변경 */

:root {
  /* === 배경 === */
  --bg-primary:    #0f1117;
  --bg-secondary:  #1a1d2e;
  --bg-tertiary:   #252840;
  --bg-hover:      #2e3250;

  /* === 포인트 컬러 (오렌지 - 브랜드) === */
  --accent:        #ff6b35;
  --accent-hover:  #e55a25;
  --accent-light:  #ff8c5a;

  /* === 상태 색상 === */
  --success:       #00c853;
  --success-hover: #00a844;
  --warning:       #ffb300;
  --warning-hover: #e6a100;
  --danger:        #f44336;
  --danger-hover:  #d32f2f;
  --info:          #2196f3;
  --info-hover:    #1976d2;

  /* === 텍스트 === */
  --text-primary:   #ffffff;
  --text-secondary: #a0a8c0;
  --text-muted:     #6b7280;

  /* === 테두리 === */
  --border:        #2e3250;
  --border-focus:  #ff6b35;

  /* === 헤더 구분선 === */
  --header-line:   #ff6b35;

  /* === 입력 === */
  --input-bg:      #252840;
  --input-border:  #3a3d5c;

  /* === 사이드바 === */
  --sidebar-bg:    #111118;
  --sidebar-width: 220px;

  /* === 모달/오버레이 === */
  --overlay-bg:    rgba(0,0,0,0.8);
  --modal-bg:      #1a1a2e;
  --card-bg:       #15151f;

  /* === 반응형 브레이크포인트 === */
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
}

/* ══════════════════════════════════════════
   LIGHT THEME
   ══════════════════════════════════════════ */
[data-theme="light"] {
  /* === 배경 === */
  --bg-primary:    #f5f5f8;
  --bg-secondary:  #ffffff;
  --bg-tertiary:   #eaedf3;
  --bg-hover:      #dde1ea;

  /* === 포인트 컬러 (오렌지 - 동일) === */
  --accent:        #ff6b35;
  --accent-hover:  #e55a25;
  --accent-light:  #ff8c5a;

  /* === 상태 색상 (동일) === */
  --success:       #00c853;
  --success-hover: #00a844;
  --warning:       #f59e0b;
  --warning-hover: #d97706;
  --danger:        #ef4444;
  --danger-hover:  #dc2626;
  --info:          #3b82f6;
  --info-hover:    #2563eb;

  /* === 텍스트 === */
  --text-primary:   #1a1a2e;
  --text-secondary: #555555;
  --text-muted:     #999999;

  /* === 테두리 === */
  --border:        #d0d5dd;
  --border-focus:  #ff6b35;

  /* === 헤더 구분선 === */
  --header-line:   #ff6b35;

  /* === 입력 === */
  --input-bg:      #ffffff;
  --input-border:  #d0d5dd;

  /* === 사이드바 === */
  --sidebar-bg:    #eaedf3;

  /* === 모달/오버레이 === */
  --overlay-bg:    rgba(0,0,0,0.4);
  --modal-bg:      #ffffff;
  --card-bg:       #ffffff;
}