/* v7/2 테마 - 블랙 & 형광 녹색 오버라이드 */

/* ===== CSS 변수 ===== */
:root{
  --ng-bg: #1b222c;            /* deep navy background */
  --ng-surface: #222a33;       /* card / panel navy */
  --ng-surface-2: #151a24;     /* deeper navy for inputs */
  --ng-line: rgba(255,255,255,.08);
  --ng-text: #e9edf5;
  --ng-text-2: rgba(233,237,245,.75);
  --ng-neon: #00ff88;
  --ng-shadow: 0 12px 32px rgba(0,0,0,.45);
}

/* ===== 전역 배경 ===== */
html, body{
  background: var(--ng-bg) !important;
  color: var(--ng-text) !important;
}

body {
    background: var(--ng-bg) !important;
}

/* Text */
h1,h2,h3,h4,h5,h6{ color: var(--ng-text) !important ; }
a{ color: var(--ng-text) !important; }

/* ===== 버튼 색상 ===== */
button,
.button,
.btn,
input[type="button"],
input[type="submit"] {
    background: #00ff8888 !important;
    border-color: #00ff88 !important;
}

button:hover,
.button:hover,
.btn:hover {
    background: #00ffaa !important;
    border-color: #00ffaa !important;
}

/* ===== 주요 색상 오버라이드 ===== */
.bg-primary,
.btn-primary {
    background: #00ff88 !important;
    border-color: #00ff88 !important;
}

.text-primary {
    color: #00ff88 !important;
}

/* ===== 그라디언트 배경 ===== 
.slide-bg,
.after-slide-1,
.after-slide-2,
.after-slide-3,
.after-slide-4,
.after-slide-6 {
    background: linear-gradient(135deg, var(--ng-bg, #0b1324), var(--ng-surface, #121c33)) !important;
}
*/
/* ===== 카드 배경 ===== */
.cardBox,
.main-box,
.game-match {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ===== 헤더/푸터 ===== */
header,
footer {
    background: #000000 !important;
}

/* ===== 네비게이션 ===== */
.nav {
    background: #0a1a0a !important  ;
}

/* ===== 팝업 레이어 ===== */
.layer-bg,
.popup-wrap {
    background: rgba(0, 0, 0, 0.95) !important;
}

/* ===== 강조 색상 ===== */
.highlight,
.active,
.selected {
    color: #ffffff !important;
}

a:hover {
    color: #ffffff !important;
}

/* ===== 스크롤바 ===== */
::-webkit-scrollbar-thumb {
    background-color: #00ff88 !important;
}

/* ===== 입력 필드 ===== */
input[type="text"],
input[type="password"],
textarea,
select {
    background: #0a1a0a !important;
    border-color: #003322 !important;
    color: #ffffff !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #00ff88 !important;
}