/* v7/4 테마 - 블랙 & 골드 오버라이드 */

/* ===============================
   Global palette - 블랙 골드 테마
=============================== */
:root{
  --neo-accent:#D4AF37;
  --neo-accent-2:#FFD700;
  --neo-accent-soft:rgba(212,175,55,.14);
  --neo-glow:rgba(212,175,55,.35);
  --neo-border:rgba(212,175,55,.30);
  --neo-border-2:rgba(212,175,55,.40);
  --neo-bg:#0a0a0a;
  --neo-bg-soft:#1a1a1a;
  --neo-text:#D4AF37;
  --neo-muted:#C9A961;
}

/* ===== 전역 배경 - 광택 블랙 ===== */
html, body{
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
  background-color: #0a0a0a;
  color: var(--neo-text);
}

/* Make outlines calmer (do NOT touch animations) */
*{
  outline-color: var(--neo-accent);
}

/* ===== 버튼 색상 - 골드 ===== */
button,
.button,
.btn,
input[type="button"],
input[type="submit"] {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0);
    border-color: #ffde51;
    color: #000000;
    box-shadow: 0 0 10px rgba(255,222,81,.5), inset 0 0 10px rgba(255,255,255,.1);
}

button:hover,
.button:hover,
.btn:hover {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0);
    border-color: #ffde51;
    color: #000000;
    box-shadow: 0 0 15px rgba(255,222,81,.8), inset 0 0 15px rgba(255,255,255,.2);
}

/* ===== 주요 색상 오버라이드 ===== */
.bg-primary,
.btn-primary {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0);
    border-color: #ffde51;
    box-shadow: 0 0 10px rgba(255,222,81,.5);
}

.text-primary {
    color: #D4AF37;
}



/* ===== 카드 배경 - 광택 블랙 ===== */
.cardBox,
.main-box,
.game-match {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    border: 1px solid #D4AF37;
    box-shadow: 0 0 10px rgba(212,175,55,.2), inset 0 0 20px rgba(0,0,0,.5);
}

/* ===== 헤더/푸터 - 광택 블랙 ===== */
header,
footer {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    border-bottom: 1px solid #D4AF37;
    box-shadow: 0 0 15px rgba(212,175,55,.2);
}


/* ===== 팝업 레이어 - 광택 블랙 ===== */
.layer-bg,
.popup-wrap {
    background: linear-gradient(135deg, rgba(10,10,10,.98) 0%, rgba(26,26,26,.98) 100%);
    border: 2px solid #D4AF37;
    box-shadow: 0 0 30px rgba(212,175,55,.3), inset 0 0 30px rgba(0,0,0,.5);
}

/* ===== 강조 색상 - 골드 ===== */
.highlight,
.active,
.selected {
    color: #FFD700;
    text-shadow: 0 0 5px #D4AF37, 0 0 10px #D4AF37;
}

a:hover {
    color: #FFD700;
    text-shadow: 0 0 5px #D4AF37;
}

/* ===== 스크롤바 - 골드 ===== */
::-webkit-scrollbar-thumb {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0);
    box-shadow: 0 0 5px rgba(255,222,81,.5);
}

/* ===== 추가 버튼 클래스 - 골드 ===== */
.btn-green,
.btn-orange,
.btn-blue,
.btn-login,
.btn-join {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0) !important;
    border-color: #ffde51 !important;
    color: #000000 !important;
}

.btn-green:hover,
.btn-orange:hover,
.btn-blue:hover,
.btn-login:hover,
.btn-join:hover {
    background: linear-gradient(37deg,#564315 8.73%,#ffde51 56.13%,#312905 100%,#91813c 0) !important;
    border-color: #ffde51 !important;
    color: #000000 !important;
    box-shadow: 0 0 15px rgba(255,222,81,.8) !important;
}

/* ===== 입력 필드 - 광택 블랙 ===== */
input[type="text"],
input[type="password"],
textarea,
select {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    border: 1px solid #D4AF37;
    color: #D4AF37;
    box-shadow: inset 0 0 10px rgba(0,0,0,.5), 0 0 5px rgba(212,175,55,.2);
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #FFD700;
    box-shadow: inset 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(212,175,55,.5);
    outline: 1px solid #FFD700;
}