/* ========================================
   BRZ 그룹웨어 디자인 시스템 (Dark Professional)
   ======================================== */

:root {
  /* 1. 핵심 브랜드 컬러 */
  --brz-primary: #6D52EC;       /* 브랜드 메인 (보라) */
  --brz-primary-hover: #5B3FD9; /* 호버 시 */
  --brz-primary-light: rgba(109, 82, 236, 0.1); /* 은은한 배경용 */

  /* 2. 배경 컬러 (Deep Dark Theme) */
  --brz-bg-main: #0F1012;       /* 전체 배경 (Deep Charcoal) */
  --brz-bg-card: #1A1C20;       /* 카드/패널 배경 */
  --brz-bg-input: #25282E;      /* 입력창 배경 */
  --brz-bg-hover: #2A2D35;      /* 리스트 호버 등 */

  /* 3. 텍스트 컬러 */
  --brz-text-primary: #FFFFFF;  /* 강조 텍스트 (흰색) */
  --brz-text-secondary: #9CA3AF; /* 보조 텍스트 (회색) */
  --brz-text-muted: #6B7280;    /* 비활성 텍스트 */

  /* 4. 보더(테두리) 컬러 */
  --brz-border: #3A3E47;        /* 기본 테두리 */
  --brz-border-light: rgba(255, 255, 255, 0.05);

  /* 5. 상태 컬러 */
  --brz-error: #F87171;
  --brz-error-bg: rgba(220, 38, 38, 0.1);
  --brz-success: #34D399;
  --brz-warning: #FBBF24;

  /* 6. 간격 및 둥글기 */
  --brz-radius-sm: 6px;
  --brz-radius-md: 8px;
  --brz-radius-lg: 12px;
}

/* Light Theme 변수 */
[data-theme="light"] {
  /* 배경 컬러 (Light Theme) */
  --brz-bg-main: #F9FAFB;
  --brz-bg-card: #FFFFFF;
  --brz-bg-input: #F3F4F6;
  --brz-bg-hover: #E5E7EB;

  /* 텍스트 컬러 (Light Theme) */
  --brz-text-primary: #111827;
  --brz-text-secondary: #6B7280;
  --brz-text-muted: #9CA3AF;

  /* 보더 컬러 (Light Theme) */
  --brz-border: #E5E7EB;
  --brz-border-light: rgba(0, 0, 0, 0.05);

  /* 상태 컬러 (Light Theme - 조금 더 진하게) */
  --brz-error: #DC2626;
  --brz-error-bg: rgba(220, 38, 38, 0.1);
  --brz-success: #10B981;
  --brz-warning: #F59E0B;

  /* Primary 컬러는 동일 */
  --brz-primary-light: rgba(109, 82, 236, 0.08);
}

/* 기본 리셋 및 폰트 설정 */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  background-color: var(--brz-bg-main);
  color: var(--brz-text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* 공통 입력창 스타일 (로그인/대시보드 모두 사용) */
.brz-input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  background-color: var(--brz-bg-input);
  border: 1px solid var(--brz-border);
  border-radius: var(--brz-radius-sm);
  color: var(--brz-text-primary);
  font-size: 14px;
  transition: all 0.2s ease;
}

.brz-input:focus {
  outline: none;
  border-color: var(--brz-primary);
  box-shadow: 0 0 0 1px var(--brz-primary);
  background-color: var(--brz-bg-hover);
}

.brz-input::placeholder { color: #555; }