/* ============================================
   AIXEN LIGHT THEME — body.aix-theme-light 클래스 토글
   ----------------------------------------------
   목적: aixen-dark.css 의 :root 변수 위에 라이트 톤만 덮어쓴다.
   브랜드 컬러(primary/secondary/accent) 는 그대로 유지하고
   배경·텍스트·테두리·헤더·그라데이션·그림자만 라이트로 매핑.

   적용 방법: <body> 에 기존 클래스(aix-dark, aix-admin 등) 와 함께
   aix-theme-light 를 같이 붙이면 라이트 모드로 전환.
   ============================================ */

/* FOUC 차단: head inline script 가 html 에 즉시 클래스 부착 →
   body 가 파싱되기 전에도 첫 페인트가 라이트 배경으로 나가도록 강제. */
html.aix-theme-light {
  /* [2026-08-06] 다크 테마가 :root 에 color-scheme:dark 를 주므로 라이트에서는 되돌린다.
     (네이티브 select 팝업·date 피커·스크롤바가 다크로 남는 것 방지) */
  color-scheme: light;
  background-color: #FAF9FF !important;
  color: #1A1A35;
}
html.aix-theme-light body {
  background-color: #FAF9FF !important;
  color: #1A1A35 !important;
}

body.aix-theme-light {
  /* --- 배경 계열 — 약간 보랏빛이 도는 미백(파스텔 라일락) --- */
  --bg-primary:      #FAF9FF;
  --bg-secondary:    #FFFFFF;
  --bg-card:         #FFFFFF;
  --bg-card-hover:   #F4F2FB;
  --bg-sidebar:      #F4F4F9;
  --bg-header:       rgba(255, 255, 255, 0.85);

  /* --- 텍스트 --- */
  --text-primary:    #1A1A35;
  --text-secondary:  #4A4A6A;
  --text-muted:      #8888A0;

  /* --- 테두리 --- */
  --border-color:    rgba(108, 99, 255, 0.15);
  --border-hover:    rgba(108, 99, 255, 0.45);

  /* --- 그라데이션 (cool 4색 믹스: 라벤더 → 라일락 → 민트 → 스카이) — warm pink 제거 --- */
  --gradient-hero:   linear-gradient(135deg, #F3EBFF 0%, #EDEBFF 35%, #E9F8F2 70%, #E6F0FF 100%);
  --gradient-card:   linear-gradient(135deg, rgba(108,99,255,0.06) 0%, rgba(0,217,181,0.04) 100%);
  /* primary / accent / blue 그라데이션은 브랜드 색 그대로 (가독 OK) */

  /* --- 그림자 (라이트 톤에 살짝 보라 기운) --- */
  --shadow-sm:       0 2px 10px rgba(108,99,255,0.08);
  --shadow-md:       0 8px 24px rgba(108,99,255,0.10);
  --shadow-lg:       0 16px 40px rgba(108,99,255,0.14);
  --shadow-glow:     0 0 30px rgba(108,99,255,0.20);

  /* primary/secondary/accent 그대로 — 브랜드 컬러 유지 */
}

/* 본문 자체 색 강제 (다크 셀렉터가 !important 라 동일 우선순위 보장) */
body.aix-theme-light,
body.aix-dark.aix-theme-light,
body.aix-admin.aix-theme-light {
  background: var(--bg-primary) !important;
  color:      var(--text-primary) !important;
}
body.aix-theme-light .wrap { background: var(--bg-primary); }

/* 스크롤바 라이트 톤 */
body.aix-theme-light ::-webkit-scrollbar-track { background: #ECECF2; }
body.aix-theme-light ::-webkit-scrollbar-thumb { background: rgba(108,99,255,0.4); }

/* 헤더 — 흰 배경 + 옅은 보더 */
body.aix-theme-light .aix-header,
body.aix-theme-light .admin-topbar {
  background: var(--bg-header);
  border-bottom: 1px solid var(--border-color);
  backdrop-filter: blur(10px);
}

/* 카드/패널 위 코드 블록 (다크에선 var(--bg-secondary) 가 어두웠는데 라이트선 회색) */
body.aix-theme-light code,
body.aix-theme-light pre {
  background: #F0F0F5;
  color: var(--text-primary);
}

/* 입력 컴포넌트 — 라이트에서 회색 배경 + 짙은 테두리 */
body.aix-theme-light input,
body.aix-theme-light select,
body.aix-theme-light textarea {
  background-color: #FFFFFF;
  color: var(--text-primary);
  border-color: rgba(108,99,255,0.25);
}
body.aix-theme-light input:focus,
body.aix-theme-light select:focus,
body.aix-theme-light textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(108,99,255,0.12);
}

/* 게시판 / 테이블 기본 행 hover — 다크 톤이 너무 진해서 라이트 톤으로 약하게 */
body.aix-theme-light .admin-table tbody tr:hover,
body.aix-theme-light .cert-table tbody tr:hover,
body.aix-theme-light .sl-table tbody tr:hover { background: rgba(108,99,255,0.04); }

/* eGov 기본 헤더/푸터 텍스트 색 자동 조정 */
body.aix-theme-light #header,
body.aix-theme-light .header { color: inherit; }

/* 토글 버튼 자체 스타일 — 헤더 우상단 작은 원형 아이콘 */
.aix-theme-toggle {
  width: 38px; height: 38px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(108,99,255,0.10);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: all .15s ease;
}
.aix-theme-toggle:hover {
  background: rgba(108,99,255,0.18);
  border-color: var(--primary);
  transform: rotate(15deg);
}
.aix-theme-toggle i { font-size: .95rem; }
body.aix-theme-light .aix-theme-toggle .fa-sun  { display: none; }
body.aix-theme-light .aix-theme-toggle .fa-moon { display: inline-block; }
body:not(.aix-theme-light) .aix-theme-toggle .fa-sun  { display: inline-block; }
body:not(.aix-theme-light) .aix-theme-toggle .fa-moon { display: none; }

/* 드롭다운 안의 테마 항목 — 아이콘/라벨 토글 */
.aix-theme-icon-sun,
.aix-theme-icon-moon,
.aix-theme-label-dark,
.aix-theme-label-light { display: inline-block; }
body.aix-theme-light .aix-theme-icon-sun,
body.aix-theme-light .aix-theme-label-dark { display: none; }
body:not(.aix-theme-light) .aix-theme-icon-moon,
body:not(.aix-theme-light) .aix-theme-label-light { display: none; }

/* ============================================
   ADMIN LAYOUT — 라이트 오버라이드
   다크 측 .admin-topbar 등이 background:!important 라
   라이트 오버라이드도 !important 로 강제해야 토글 시 시각 반영됨.
   ============================================ */
body.aix-admin.aix-theme-light {
	background: var(--bg-primary) !important;
	color: var(--text-primary) !important;
}

body.aix-admin.aix-theme-light .admin-sidebar {
	background: #FFFFFF !important;
	border-right: 1px solid var(--border-color) !important;
}
body.aix-admin.aix-theme-light .admin-logo {
	border-bottom: 1px solid var(--border-color) !important;
}
body.aix-admin.aix-theme-light .admin-nav-title {
	color: rgba(108, 99, 255, 0.55) !important;
}
body.aix-admin.aix-theme-light .admin-nav-item {
	color: var(--text-secondary) !important;
}
body.aix-admin.aix-theme-light .admin-nav-item:hover {
	background: rgba(108, 99, 255, 0.08) !important;
	color: var(--text-primary) !important;
}
body.aix-admin.aix-theme-light .admin-nav-item.active {
	background: rgba(108, 99, 255, 0.12) !important;
	color: var(--primary) !important;
	border-left-color: var(--primary) !important;
}

body.aix-admin.aix-theme-light .admin-topbar {
	background: rgba(255, 255, 255, 0.92) !important;
	border-bottom: 1px solid var(--border-color) !important;
}
body.aix-admin.aix-theme-light .admin-topbar-title { color: var(--text-primary) !important; }

/* 테이블 hover — 다크는 accent rgba, 라이트는 primary rgba 가 톤이 더 맞음 */
body.aix-admin.aix-theme-light .admin-table tr:hover td {
	background: rgba(108, 99, 255, 0.05) !important;
}
body.aix-admin.aix-theme-light .admin-table td {
	border-bottom: 1px solid rgba(108, 99, 255, 0.10) !important;
}

/* ============================================
   메인(랜딩) 페이지 파스텔 강화 (body.aix-theme-light 전용)
   ----------------------------------------------
   라이트 모드 메인이 너무 평이해 보이지 않도록 hero/섹션/카드에
   라일락·피치·민트·스카이 파스텔 톤을 입힘.
   브랜드 색(primary/secondary/accent) 은 그대로 두고 알파만 활용.
   ============================================ */

/* hero ::before / ::after blob — cool 톤 일관 (warm pink/yellow 제거) */
body.aix-theme-light .aix-hero::before {
	background: radial-gradient(circle,
		rgba(196, 181, 253, 0.55) 0%,
		rgba(165, 180, 252, 0.30) 50%,
		transparent 75%) !important;
	filter: blur(12px);
}
body.aix-theme-light .aix-hero::after {
	background: radial-gradient(circle,
		rgba(167, 243, 208, 0.45) 0%,
		rgba(186, 230, 253, 0.28) 50%,
		transparent 75%) !important;
	filter: blur(12px);
}

/* hero 배지 — 라이트에선 더 산뜻하게 */
body.aix-theme-light .aix-hero-badge {
	background: linear-gradient(135deg, rgba(196,181,253,0.35), rgba(167,243,208,0.30));
	border-color: rgba(108, 99, 255, 0.30);
	color: #5B47C9;
}

/* hero stat 라벨 — 파스텔 톤 텍스트 가독 보강 */
body.aix-theme-light .aix-hero-stat .label {
	color: var(--text-secondary);
	opacity: 0.85;
}

/* 일반 섹션 (.aix-section / .aix-section-sm) 에 미묘한 파스텔 그라데이션
   섹션이 연속될 때 흰배경만 깔리지 않도록 짝수 섹션에 살짝 색 부여 */
body.aix-theme-light .aix-section-sm {
	background: linear-gradient(180deg, #FFFFFF 0%, #F5F0FF 50%, #FFFFFF 100%) !important;
}
body.aix-theme-light .aix-section:nth-of-type(even) {
	background: linear-gradient(180deg, #FFFFFF 0%, #FFF7F8 100%);
}
body.aix-theme-light .aix-section:nth-of-type(3n) {
	background: linear-gradient(180deg, #FFFFFF 0%, #F0FBF6 100%);
}

/* CTA 섹션 — 파스텔 그라데이션 + 살짝 글로우 */
body.aix-theme-light .aix-cta {
	background: linear-gradient(135deg,
		#E9DEFD 0%,
		#FFE2EC 40%,
		#D6F3E5 75%,
		#D6E8FF 100%) !important;
	border: 1px solid rgba(108,99,255,0.18);
}
body.aix-theme-light .aix-cta::before {
	background: radial-gradient(circle, rgba(196,181,253,0.45) 0%, transparent 70%) !important;
}

/* feature card / aix-card hover 시 파스텔 글로우 */
body.aix-theme-light .aix-card,
body.aix-theme-light .aix-feature-card {
	background: #FFFFFF;
	border: 1px solid rgba(108,99,255,0.12);
	box-shadow: 0 1px 4px rgba(108,99,255,0.06);
	transition: all .25s ease;
}
body.aix-theme-light .aix-card:hover,
body.aix-theme-light .aix-feature-card:hover {
	border-color: rgba(108,99,255,0.35);
	box-shadow:
		0 10px 28px rgba(108,99,255,0.14),
		0 4px 12px rgba(56,189,248,0.10);
	transform: translateY(-2px);
}

/* aix-card-gradient — 다크는 보라 단색, 라이트는 파스텔 혼합 */
body.aix-theme-light .aix-card-gradient {
	background: linear-gradient(135deg,
		rgba(196,181,253,0.20) 0%,
		rgba(254,205,211,0.15) 50%,
		rgba(167,243,208,0.18) 100%) !important;
}

/* 강좌/콘텐츠 카드 썸네일 그라데이션 — 파스텔로 더 부드럽게
   (EgovEduCenter.jsp 의 .edu-thumb-grad-N) */
body.aix-theme-light .edu-thumb-grad-0 { background: linear-gradient(135deg, #EDE9FE 0%, #D1FAE5 100%) !important; }
body.aix-theme-light .edu-thumb-grad-1 { background: linear-gradient(135deg, #FECDD3 0%, #FED7AA 100%) !important; }
body.aix-theme-light .edu-thumb-grad-2 { background: linear-gradient(135deg, #A7F3D0 0%, #BFDBFE 100%) !important; }
body.aix-theme-light .edu-thumb-grad-3 { background: linear-gradient(135deg, #FEF3C7 0%, #FECACA 100%) !important; }
body.aix-theme-light .edu-thumb-grad-4 { background: linear-gradient(135deg, #BFDBFE 0%, #DDD6FE 100%) !important; }
body.aix-theme-light .edu-thumb-grad-5 { background: linear-gradient(135deg, #FED7AA 0%, #FEF3C7 100%) !important; }
body.aix-theme-light .edu-thumb-grad-6 { background: linear-gradient(135deg, #DDD6FE 0%, #FBCFE8 100%) !important; }
body.aix-theme-light .edu-thumb-grad-7 { background: linear-gradient(135deg, #BBF7D0 0%, #DDD6FE 100%) !important; }

/* hero 액션 secondary 버튼 — 다크 ghost 가 라이트에선 안 보이므로 보강 */
body.aix-theme-light .aix-btn-secondary {
	background: rgba(255,255,255,0.85);
	border-color: rgba(108,99,255,0.40);
	color: var(--primary);
}
body.aix-theme-light .aix-btn-secondary:hover {
	background: rgba(108,99,255,0.10);
	border-color: var(--primary);
}

/* badge 색감 — 라이트에서도 자연스러운 톤으로 */
body.aix-theme-light .aix-badge-primary { background: rgba(196,181,253,0.35); color: #5B47C9; border-color: rgba(108,99,255,0.25); }
body.aix-theme-light .aix-badge-success { background: rgba(167,243,208,0.40); color: #047857; border-color: rgba(0,217,181,0.30); }
body.aix-theme-light .aix-badge-danger  { background: rgba(252,231,243,0.65); color: #9D174D; border-color: rgba(236,72,153,0.30); }
body.aix-theme-light .aix-badge-warning { background: rgba(207,250,254,0.70); color: #0E7490; border-color: rgba(34,211,238,0.40); }

/* ============================================
   교육센터 (EgovEduCenter.jsp) — 인프런 풍 라이트 톤
   ----------------------------------------------
   파스텔이 너무 알록달록한 게 강의 목록에선 부담스럽다는 피드백.
   인프런 처럼 흰 배경 + 회색 보더 + 절제된 컬러 + 가격 굵은 검정.
   ============================================ */

/* 페이지 자체 배경은 깔끔한 회백 */
body.aix-theme-light .edu-tabs,
body.aix-theme-light .aix-section .edu-course-grid,
body.aix-theme-light #tab-courses,
body.aix-theme-light #tab-templates,
body.aix-theme-light #tab-mylearning { background: transparent !important; }

/* 탭 바 — 깔끔한 하단 보더, active 는 검은 글자 + 보라 인디케이터 */
body.aix-theme-light .edu-tabs {
	border-bottom: 1px solid #E5E7EB;
}
body.aix-theme-light .edu-tab-btn {
	color: #6B7280 !important;
	font-weight: 600;
}
body.aix-theme-light .edu-tab-btn:hover { color: #111827 !important; }
body.aix-theme-light .edu-tab-btn.active {
	color: #111827 !important;
	border-bottom-color: var(--primary) !important;
	font-weight: 800;
}

/* 카테고리 칩(aix-tag) — 인프런 식 흰배경+회색 보더 */
body.aix-theme-light .aix-tag {
	background: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	color: #4B5563 !important;
	font-weight: 600;
}
body.aix-theme-light .aix-tag:hover {
	border-color: #9CA3AF !important;
	color: #111827 !important;
}
body.aix-theme-light .aix-tag.active {
	background: #111827 !important;
	border-color: #111827 !important;
	color: #FFFFFF !important;
}

/* 강좌 카드 — 흰 + 옅은 회색 보더 + hover 시 부드러운 그림자 */
body.aix-theme-light .edu-course-card {
	background: #FFFFFF !important;
	border: 1px solid #EDEFF2 !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.03);
	transition: all .2s ease;
}
body.aix-theme-light .edu-course-card:hover {
	border-color: #D1D5DB !important;
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(17,24,39,0.08), 0 4px 8px rgba(17,24,39,0.04) !important;
}

/* LIVE 카드는 빨강 강조 유지 — 라이트에서도 톤 살짝 보정 */
body.aix-theme-light .edu-course-card.is-live { border-color: rgba(255,61,61,0.45) !important; }
body.aix-theme-light .edu-course-card.live-live {
	box-shadow: 0 0 0 1px rgba(255,61,61,0.45), 0 8px 20px rgba(255,61,61,0.10) !important;
}

/* 메타 라인 — 회색 톤 */
body.aix-theme-light .edu-course-meta { color: #6B7280; }
body.aix-theme-light .edu-course-title { color: #111827; }
body.aix-theme-light .edu-course-instructor { color: #4B5563; }

/* 푸터(가격 + 평점) 영역 — 인프런 스타일: 가격은 굵은 검정 */
body.aix-theme-light .edu-course-footer {
	border-top: 1px solid #F3F4F6 !important;
}
body.aix-theme-light .edu-price .now {
	color: #111827 !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
}
body.aix-theme-light .edu-price .free {
	color: #00C471 !important; /* 인프런 그린 계열 */
	font-size: 1.05rem !important;
	font-weight: 800 !important;
}
body.aix-theme-light .edu-price .original { color: #9CA3AF !important; }

body.aix-theme-light .edu-rating { color: #6B7280; }
body.aix-theme-light .edu-rating .star { color: #FCC500; } /* 인프런 노랑 */
body.aix-theme-light .edu-rating strong { color: #111827; }

/* 강사 아바타 그라데이션 그대로 두되 살짝 채도 다운 */
body.aix-theme-light .edu-instructor-avatar {
	background: linear-gradient(135deg, #818CF8 0%, #34D399 100%);
}

/* 강좌 썸네일 — 이미지 없을 때 파스텔 그라데이션이 너무 화려해서
   인프런 처럼 옅은 단색 톤 + 큰 아이콘으로 다운그레이드 */
body.aix-theme-light .edu-course-thumb {
	font-size: 60px;
}
body.aix-theme-light .edu-thumb-grad-0 { background: linear-gradient(135deg, #F5F3FF 0%, #E0E7FF 100%) !important; }
body.aix-theme-light .edu-thumb-grad-1 { background: linear-gradient(135deg, #FFF1F2 0%, #FFE4E6 100%) !important; }
body.aix-theme-light .edu-thumb-grad-2 { background: linear-gradient(135deg, #ECFEFF 0%, #CFFAFE 100%) !important; }
body.aix-theme-light .edu-thumb-grad-3 { background: linear-gradient(135deg, #FEFCE8 0%, #FEF3C7 100%) !important; }
body.aix-theme-light .edu-thumb-grad-4 { background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important; }
body.aix-theme-light .edu-thumb-grad-5 { background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%) !important; }
body.aix-theme-light .edu-thumb-grad-6 { background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%) !important; }
body.aix-theme-light .edu-thumb-grad-7 { background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important; }

/* 썸네일 위 카테고리 뱃지(badge-tl) — 흰배경 + 짙은 글씨 (인프런 식) */
body.aix-theme-light .edu-course-thumb .badge-tl.aix-badge-primary {
	background: #FFFFFF !important;
	color: #111827 !important;
	border: 1px solid #E5E7EB !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
	font-weight: 700;
}

/* 우상단 상태 뱃지(수강중/Best/인기) — 컬러 유지하되 그림자 옅게 */
body.aix-theme-light .edu-course-thumb .badge-tr {
	box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* 이미지 썸네일 위 다크 스크림은 라이트에선 약하게 */
body.aix-theme-light .edu-course-thumb.has-img::before {
	background: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.05) 38%, rgba(0,0,0,0) 60%) !important;
}

/* placeholder (탭 비어있을 때) */
body.aix-theme-light .edu-placeholder {
	background: #FFFFFF !important;
	border: 1px solid #EDEFF2 !important;
	color: #6B7280;
}
body.aix-theme-light .edu-placeholder i  { color: var(--primary-light); }
body.aix-theme-light .edu-placeholder .ttl { color: #111827; }

/* 교육센터 hero — 메인 풀 파스텔과 별개로 약간 차분하게 */
body.aix-theme-light .aix-hero.edu-hero,
body.aix-theme-light section.aix-hero[data-page="edu"] {
	background: linear-gradient(180deg, #FAFAFB 0%, #FFFFFF 100%) !important;
}

/* ============================================================
   강의관리자(course_instructor) 영역 — /edu/admin/courseEdit.do
   다크용 .ci-* 스타일이 라이트 컨텍스트에서 카드(흰색) 와 비슷한 톤이라
   시각 구분이 약해지는 문제 보정.
   ============================================================ */
body.aix-theme-light .ci-search-input {
	background-color: #F4F5FA !important;
	border-color: #DDE0E8 !important;
}
body.aix-theme-light .ci-search-input.is-focus {
	background-color: #FFFFFF !important;
}
body.aix-theme-light .ci-search-results {
	background: #FFFFFF !important;
	border-color: #D8DBE3 !important;
	box-shadow: 0 12px 28px rgba(15,18,30,0.14) !important;
}
body.aix-theme-light .ci-search-result + .ci-search-result {
	border-top: 1px solid #ECEEF3 !important;
}
body.aix-theme-light .ci-empty {
	background: #FAFAFD !important;
	border-color: #DDE0E8 !important;
	color: #6B7280 !important;
}
/* 강사 1줄 카드 (.ci-chip) — 카드(흰색) 위에서 분리되어 보이도록
   살짝 더 진한 배경 + 분명한 border + 미세 그림자 */
body.aix-theme-light .ci-chip {
	background: #F7F8FC !important;
	border: 1px solid #DDE0E8 !important;
	box-shadow: 0 2px 6px rgba(15,18,30,0.04);
}
body.aix-theme-light .ci-chip-name { color: #111827 !important; }
body.aix-theme-light .ci-chip-id   { color: #6B7280 !important; }
body.aix-theme-light .ci-chip-courole {
	background: #FFFFFF !important;
	border-color: #DDE0E8 !important;
	color: #4B5563 !important;
}
body.aix-theme-light .ci-chip-courole.is-main {
	background: rgba(56,189,248,0.12) !important; color: #0369A1 !important;
	border-color: rgba(56,189,248,0.45) !important;
}
body.aix-theme-light .ci-chip-courole.is-ta {
	background: rgba(0,217,181,0.10) !important; color: #00876F !important;
	border-color: rgba(0,217,181,0.45) !important;
}
body.aix-theme-light .ci-chip-remove {
	background: #FFFFFF !important;
	border: 1px solid #DDE0E8 !important;
	color: #9CA3AF !important;
}
body.aix-theme-light .ci-chip-remove:hover {
	background: rgba(236,72,153,0.12) !important;
	border-color: rgba(236,72,153,0.45) !important;
	color: #EC4899 !important;
}
/* 강사 프로필 영역 (.ci-chip 내부) */
body.aix-theme-light .ci-chip-profile {
	border-top: 1px dashed #DDE0E8 !important;
}
body.aix-theme-light .ci-chip-profile .lbl > span:first-child { color: #4B5563 !important; }
body.aix-theme-light .ci-chip-profile textarea {
	background: #FFFFFF !important;
	border: 1px solid #DDE0E8 !important;
	color: #111827 !important;
}
body.aix-theme-light .ci-chip-profile textarea[readonly] {
	background: #F7F8FC !important;
}
body.aix-theme-light .ci-chip-profile textarea::placeholder { color: #9CA3AF !important; }
body.aix-theme-light .ci-chip-profile .ci-prof-readonly-text {
	background: #FFFFFF !important;
	border: 1px dashed #DDE0E8 !important;
	color: #374151 !important;
}
body.aix-theme-light .ci-chip-profile .ci-prof-empty { color: #9CA3AF !important; }
body.aix-theme-light .ci-current-label { color: #4B5563 !important; }

/* GNB 헤더 메뉴 hover/active — 라이트 톤에서는 어두운 톤 회색 */
body.aix-theme-light .aix-nav ul li a:hover {
	background: rgba(15,18,30,0.06) !important;
	color: #111827 !important;
}
body.aix-theme-light .aix-nav ul li a.active {
	background: rgba(15,18,30,0.10) !important;
	color: #111827 !important;
}