/* 대한민국 군 월급 & 군적금 계산기 스타일시트 (딥 블루 악센트 모바일 UI) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
  --font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
  --bg-color: #F8FAFC;         /* 전체 페이지 배경: 연한 쿨 그레이 (slate-50) */
  --card-bg: #FFFFFF;          /* 카드 배경: 순백색 */
  --border-color: #E2E8F0;     /* 카드 테두리: 은은한 회색 라인 (slate-200) */
  --accent-blue: #2563eb;      /* 포인트 블루: blue-600 */
  --deep-blue: #1d4ed8;        /* 딥 블루: blue-700 */
  --navy-ink: #172554;         /* 잉크 딥 네이비: blue-950 */
}

* {
  box-sizing: border-box;
}

body {
  font-family: var(--font-family);
  background-color: var(--bg-color);
  color: #0F172A;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

/* 모바일 터치 및 인풋 최적화 */
button, input, select {
  font-family: inherit;
  touch-action: manipulation;
}

/* 슬라이더 스타일 (포인트 블루 blue-600) */
input[type="range"] {
  accent-color: #2563eb; /* blue-600 */
}

/* 미니멀 스크롤바 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #E2E8F0;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #CBD5E1;
}

/* 인쇄 스타일 */
@media print {
  body {
    background-color: #ffffff;
    color: #000000;
  }
  #configDrawer, #btnToggleConfig {
    display: none !important;
  }
}