/* V1 앰버 테마
   본문은 라이트 보정(theme-light + light_version)을 그대로 쓰고,
   강조색만 골든 앰버 #E6A817 / 웜 차콜 #3D3428 로 바꾼다.
   노랑은 글자가 아니라 면(버튼·선택·사이드바 활성)에만 쓴다. */

body.theme-amber {
    --amber: #E6A817;
    --amber-press: #C9920E;
    --amber-ink: #2A241C;
    --primary-normal: #2A241C;
    --bi-bi-blue: #2A241C;
    --background-normal-alternative: #F4F1EA;
    --background-normal-normal: #FFFFFF;
    --background-normal-neutral: #FFFFFF;
    --background-elevated-normal: #FFFFFF;
    background: #F4F1EA !important;
}

/* 사이드바 — 따뜻한 차콜. 변수는 이 안에서만 덮어 본문 글자색은 그대로 둔다. */
body.theme-amber .modern-sidebar {
    --label-normal: #E6E0D6;
    --label-strong: #E6E0D6;
    --label-neutral: rgba(230, 224, 214, 0.72);
    --label-alternative: rgba(255, 255, 255, 0.48);
    --label-assistive: rgba(255, 255, 255, 0.32);
    --primary-normal: #C9962E;
    --bg-elevated: #3D3428;
    --bg-normal: #3D3428;
    --fill-normal: rgba(255, 255, 255, 0.08);
    --fill-strong: rgba(255, 255, 255, 0.14);
    --line-normal: rgba(255, 255, 255, 0.16);
    --line-normal-normal: rgba(255, 255, 255, 0.12);
    --line-normal-strong: rgba(255, 255, 255, 0.22);
    --background-elevated-normal: #463C2E;
    --background-normal-normal: #4A4032;
    background: #3D3428 !important;
    box-shadow: none;
}
/* #left-sidebar 규칙이 ID라 위의 클래스 선택자보다 세다. 반투명 테두리는 밝은 본문이 비쳐 흰 줄이 된다. */
body.theme-amber #left-sidebar.modern-sidebar {
    border-color: #3D3428 !important;
    box-shadow: none;
}

body.theme-amber .modern-sidebar .brand-logo .vu-text { fill: #E6E0D6; }
body.theme-amber .modern-sidebar .brand-logo .nex-text { fill: #C9962E; }

body.theme-amber .modern-sidebar .sidebar-bottom {
    background: #3D3428;
    border-top-color: rgba(255, 255, 255, 0.12);
}

body.theme-amber a.nav-item.active {
    background: rgba(201, 150, 46, 0.16);
    box-shadow: inset 3px 0 0 #C9962E;
}
body.theme-amber a.nav-item.active .nav-text,
body.theme-amber a.nav-item.active .nav-icon,
body.theme-amber div.nav-item.active > .nav-item-header .nav-text,
body.theme-amber div.nav-item.active > .nav-item-header .nav-icon {
    color: #E4C98A !important;
}

body.theme-amber .nav-subitem.active {
    background: rgba(201, 150, 46, 0.16);
    color: #E4C98A;
}
body.theme-amber .nav-subitem.active::before {
    border-left-color: #C9962E;
}

body.theme-amber .selector-item.active {
    background: rgba(201, 150, 46, 0.16);
    color: #E4C98A;
}
body.theme-amber .selector-item.active .selector-check { color: #E4C98A; }

body.theme-amber .modern-sidebar .user-profile-dropdown {
    background: #463C2E;
    border-color: rgba(255, 255, 255, 0.12);
}
body.theme-amber .theme-option.active {
    background: #E6A817;
    color: #2A241C;
}

body.theme-amber .btn-primary,
body.theme-amber .btn-primary:focus,
body.theme-amber .pagination .page-item.active .page-link {
    background-color: #C9962E !important;
    border-color: #C9962E !important;
    color: #2A241C !important;
}
body.theme-amber .btn-primary:hover {
    background-color: #C9920E !important;
    border-color: #C9920E !important;
    color: #2A241C !important;
}

body.theme-amber .form-control:focus,
body.theme-amber .custom-select:focus,
body.theme-amber .selector-search-input:focus {
    border-color: #2A241C;
    box-shadow: 0 0 0 3px rgba(230, 168, 23, 0.45);
}

body.theme-amber .selected-bg {
    background-color: rgba(230, 168, 23, 0.28) !important;
    color: #2A241C !important;
}

body.theme-amber .nav-tabs .nav-link.active,
body.theme-amber .nav-tabs3 .nav-link.active {
    color: #2A241C;
    border-bottom-color: #E6A817;
}