/*  SIG CONQUEST V2 — common.css
    공통 변수 · 폰트 · 유틸
    ──────────────────────────────────────── */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root {
  --primary: #20a8ff;
  --danger:  #ff2b55;
  --warning: #ffd700;
  --success: #55ccff;
  --purple:  #cc44ff;
  --bg-dark:   #04060f;
  --bg-panel:  #0d1224;
  --bg-cell:   #0a0e1a;
  --bg-input:  #060810;
  --text:      #e8eeff;
  --text-muted:#8a93bb;
  --border:    rgba(255,255,255,.06);
  --radius:    12px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

body{
  font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo',sans-serif;
  color:var(--text);
  background:var(--bg-dark);
  -webkit-font-smoothing:antialiased;
}

/* ── 버튼 ────────────────────────────── */

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:6px;
  padding:8px 16px;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-size:14px;font-weight:700;
  cursor:pointer;
  transition:.15s;
  white-space:nowrap;
}
.btn:hover{background:rgba(255,255,255,.12);}
.btn:active{transform:scale(.97);}
.btn:disabled{opacity:.35;pointer-events:none;}

.btn.primary{background:rgba(32,168,255,.25);border-color:rgba(32,168,255,.4);color:#60c8ff;}
.btn.primary:hover{background:rgba(32,168,255,.4);}

.btn.success{background:rgba(85,204,255,.2);border-color:rgba(85,204,255,.3);color:#88ddff;}
.btn.success:hover{background:rgba(85,204,255,.35);}

.btn.danger{background:rgba(255,43,85,.2);border-color:rgba(255,43,85,.3);color:#ff6b8a;}
.btn.danger:hover{background:rgba(255,43,85,.35);}

.btn.warning{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.3);color:#ffe44d;}
.btn.warning:hover{background:rgba(255,215,0,.35);}

.btn.purple{background:rgba(204,68,255,.2);border-color:rgba(204,68,255,.3);color:#dd88ff;}
.btn.purple:hover{background:rgba(204,68,255,.35);}

.btn-big{
  padding:14px 32px;
  font-size:20px;font-weight:900;
  border-radius:12px;
  min-height:56px;
}

.btn-huge{
  padding:18px 40px;
  font-size:22px;font-weight:900;
  border-radius:14px;
  min-height:66px;
  width:100%;
}

/* ── 입력 ────────────────────────────── */

input,select{
  background:var(--bg-input);
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 12px;
  color:var(--text);
  font-size:14px;font-weight:600;
  font-family:inherit;
  outline:none;
}
input:focus,select:focus{border-color:var(--primary);}
input[type=number]{text-align:right;}

/* ── 유틸 ────────────────────────────── */

.row{display:flex;align-items:center;gap:8px;}
.row.wrap{flex-wrap:wrap;}
.row.between{justify-content:space-between;}

.text-muted{color:var(--text-muted);}
.text-sm{font-size:12px;}
.text-lg{font-size:18px;}
.text-xl{font-size:24px;}
.fw-900{font-weight:900;}
.mt-8{margin-top:8px;}
.mt-12{margin-top:12px;}
.mt-16{margin-top:16px;}
.gap-4{gap:4px;}
.gap-12{gap:12px;}

/* ── 스크롤바 ────────────────────────── */

::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px;}