/* ╔══════════════════════════════════════════════════════╗
   ║  ★★★ 테마 설정 - 여기서만 수정하면 전체 반영 ★★★  ║
   ╚══════════════════════════════════════════════════════╝ */
:root {
  /* ── 브랜드 컬러 ──────────────────────────────── */
  --primary:           #03c75a;  /* ★ 메인 브랜드 컬러 */
  --primary-dark:      #02a84a;  /* 호버용 */
  --primary-light:     #e6f9ee;  /* 연한 배경 강조 */

  /* ── 레이아웃 배경 ───────────────────────────── */
  --body-bg:           #f5f6f8;  /* ★ 전체 페이지 배경 */
  --card-bg:           #ffffff;  /* ★ 카드/위젯 배경 */
  --gnb-bg:            #2D3539;  /* ★ 상단 GNB 배경 */
  --sidebar-bg:        #414B5A;  /* ★ 좌측 사이드바 배경 */
  --sidebar-hover-bg:  #4f5b6d;  /* 사이드바 호버 */
  --sidebar-sub-bg:    rgba(0,0,0,0.15); /* 서브메뉴 배경 */

  /* ── 메인 컨텐츠 텍스트 ─────────────────────── */
  --text-main:         #303030;  /* ★ 주요 글자 (제목, 숫자) */
  --text-label:        #303030;  /* ★ 위젯 라벨 (취소요청, 반품요청 등) */
  --text-sub:          #6b7280;  /* 보조 글자 (공지, 플로우 라벨) */
  --text-muted:        #9ca3af;  /* 흐린 글자 (시간, 아이콘) */

  /* ── 어두운 배경(GNB/사이드바) 위 텍스트 ────── */
  --text-dark-hi:      #ffffff;               /* ★ 주요 글자 */
  --text-dark-sub:     rgba(255,255,255,0.85); /* 보조 글자 */
  --text-dark-muted:   rgba(255,255,255,0.45); /* 흐린 글자 */

  /* ── 상태 컬러 ───────────────────────────────── */
  --color-red:         #ff4b4b;  /* 취소/반품/지연 */
  --color-orange:      #ff8c00;  /* 경고/별점 */
  --color-blue:        #1a6dff;  /* 정보 */
  --color-teal:        #00b8a9;  /* 상품 */
  --color-indigo:      #4f46e5;  /* 리뷰 */

  /* ── 보더 ────────────────────────────────────── */
  --border-color:      #e5e7eb;            /* ★ 외곽 보더 */
  --border-inner:      #f3f4f6;            /* 카드 내부 구분선 */
  --border-row:        #f9fafb;            /* 행 구분선 */
  --sidebar-border:    rgba(255,255,255,0.08);
  --gnb-border:        rgba(0,0,0,0.20);

  /* ── 카드 ────────────────────────────────────── */
  --card-radius:       10px;
  --card-shadow:       0 1px 6px rgba(0,0,0,0.07);

  /* ── 폰트 ────────────────────────────────────── */
  --font-family: "Pretendard Variable","Malgun Gothic","맑은 고딕",
                 "Apple SD Gothic Neo",돋움,dotum,sans-serif; /* ★ */
  --font-style:  normal;  /* ★ */
  --font-weight: 600;     /* ★ */
  --font-size:   14px;    /* ★ */
  --line-height: 21px;    /* ★ */

  /* ── 레이아웃 수치 ───────────────────────────── */
  --gnb-height:    48px;
  --sidebar-width: 160px;
}