/* ===============================
   기본 테마 (루트 기본값)
=============================== */
:root {
  --m-col: #2B4C72;
  --m-col-light: #5E84A8;

  --page-bg: #ffffff;
  --section-bg: #f9fafb;
  --card-bg: #ffffff;

  --border-subtle: #e5e7eb;
  --border-strong: #111827;
  --shadow-card-soft: 0 12px 30px rgba(15,23,42,.08);
  --shadow-card-hover: 0 18px 40px rgba(15,23,42,.16);
  --shadow-pay: 0 8px 20px rgba(43,76,114,.25);
  --shadow-pager-hover: 0 4px 12px rgba(15,23,42,.16);
  --shadow-pager-current: 0 4px 16px rgba(15,23,42,.26);

  --text-main: #111827;
  --text-sub: #374151;
  --text-muted: #6b7280;
  --text-soft: #8B95A1;
  --text-pager-muted: #4b5563;
  --text-pager-disabled: #9ca3af;
  --text-on-dark: #f9fafb;

  --pill-bg: #F1F5F9;
  --pill-hover-bg: #E2E8F0;
  --pill-text: #475569;
  --pill-text-hover: #1E293B;
  --pill-active-bg: #1F3A57;
  --pill-active-text: #FFFFFF;

  --tag-bg: #F2F4F6;
  --tag-text: #4E5968;

  --chart-rest-bg: #EFF2F7;

  --pager-bg: #ffffff;
  --pager-border: #e5e7eb;
  --pager-active-bg: #111827;
  --pager-active-text: #f9fafb;
  --pager-notice-bg: #111827;
  --pager-notice-accent: #f97316;
}

/* =========================================================
   theme-02 고정 덮어쓰기 (클래스/JS 없이 무조건 theme-02 적용)
   - 아래 변수들만 :root에 재정의해서 기본값을 theme-02로 바꿈
========================================================= */
:root{
  --m-col: #243252;
  --m-col-light: #5672EB;
  --chart-rest-bg: #E9EDF8;

  --pager-active-bg: #243252;
  --pager-active-text: #F9FAFB;

  --pager-notice-bg: #243252;
  --pager-notice-accent: #B8DAFE;
}