/* v7/3 테마 - 다크 사이버 블루 & 형광 파랑 오버라이드 */

/* ===== CSS 변수 ===== */
:root{
  --nb-bg: #0a1331;            /* 다크 블루 배경 */
  --nb-surface: #081844;       /* 카드/패널 블루 */
  --nb-surface-2: #080a14;     /* 입력 필드용 더 어두운 블루 */
  --nb-line: rgba(0,255,255,.15);  /* 형광 파랑 테두리 */
  --nb-text: #e0f0ff;          /* 밝은 파랑-화이트 텍스트 */
  --nb-text-2: rgba(224,240,255,.75);  /* 약간 투명한 텍스트 */
  --nb-neon: #00ffff;          /* 형광 파랑 */
  --nb-shadow: 0 12px 32px rgba(0,0,0,.5);  /* 그림자 */
  
  /* Neon Blue Dark Theme Variables */
  --bg-main: #15161d;
  --bg-surface: #1b1d27;
  --bg-surface-2: #222437;
  --neon-main: #00cfff;
  --neon-soft: #66e3ff;
  --text-main: #e6f7ff;
  --text-sub: #9fb8c6;
  --border-soft: rgba(0, 207, 255, 0.25);
}

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

body {
    background: var(--nb-bg, #0f3f78) !important;
    color: var(--nb-text, #e0f0ff) ;
}

/* Neutralize forced backgrounds 
.page-bg, .contents, .container, .wrap, #wrap{
  background: transparent !important;
}
*/
/* Text */
h1,h2,h3,h4,h5,h6{ 
  color: var(--nb-text) !important; 
}
h1, h2, h3,
.active,
.neon {
  color: #fff !important;
  text-shadow: 0 0 6px rgba(0, 207, 255, 0.6) ;
}
a{ color: var(--nb-text) !important; }

/* ===== 버튼 색상 ===== */
button,
.button,
.btn,
input[type="button"],
input[type="submit"],
.btn-go,
.money-go {
    background: var(--neon-main, #00cfff) !important;
    color: #001018 !important;
    border-color: var(--neon-main, #00cfff) !important;
    box-shadow: 0 0 8px rgba(0, 207, 255, 0.6), inset 0 0 6px rgba(255,255,255,0.3) !important;
}

button:hover,
.button:hover,
.btn:hover,
.btn-go:hover,
.money-go:hover {
    background: var(--neon-main, #00cfff) !important;
    border-color: var(--neon-main, #00cfff) !important;
    filter: brightness(1.1) !important;
}

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

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

/* ===== 그라디언트 배경 ===== 
.slide-bg,
.after-slide-1,
.after-slide-2,
.after-slide-3,
.after-slide-4,
.after-slide-6 {
    background: linear-gradient(135deg, var(--nb-bg, #0f3f78), var(--nb-surface, #0f1525)) !important;
}
*/
/* ===== 카드 배경 ===== */
.cardBox,
.main-box,
.game-match {
    background: var(--nb-surface, #0f1525) !important;
    border: 1px solid rgb(0 255 255) !important;
    border-radius: 14px;
    box-shadow: var(--nb-shadow, 0 12px 32px rgba(0,0,0,.5)) !important;
}

/* ===== 헤더/푸터 ===== */
header,
footer {
    background: var(--nb-bg, #0f3f78) !important;
}

/* ===== 네비게이션 ===== */
.nav {
    background: var(--nb-bg, #0f3f78) !important;
}

/* ===== 팝업 레이어 ===== */
.layer-bg,
.popup-wrap {
    background: var(--nb-surface, #0f1525) !important;
    border: 1px solid var(--nb-line, rgba(0,255,255,.15)) !important;
    border-radius: 14px;
    box-shadow: var(--nb-shadow, 0 12px 32px rgba(0,0,0,.5)) !important;
}

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

a:hover {
    color: #00ffff !important;
}

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

/* ===== 입력 필드 ===== */
input[type="text"],
input[type="password"],
textarea,
select {
    background: #0f1118 !important;
    border: 1px solid var(--nb-line, rgba(0,255,255,.15)) !important;
    color: var(--nb-text, #e0f0ff) ;
    border-radius: 10px !important;
}

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