/* ===== GitHub 스타일 팔레트 (검정 헤더 - 회색 보조 - 흰 배경) ===== */

/* 라이트 모드: 흰 배경 + 회색 보조 + 검정 헤더 */
[data-md-color-scheme="default"] {
  /* 헤더: GitHub 순검정 */
  --md-primary-fg-color: #010409;
  --md-primary-fg-color--light: #161b22;
  --md-primary-fg-color--dark: #010409;

  /* 본문 */
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1f2328;
  --md-default-fg-color--light: #656d76;
  --md-default-fg-color--lighter: #8c959f;
  --md-default-fg-color--lightest: #d0d7de;

  /* 링크: GitHub 블루 */
  --md-typeset-a-color: #0969da;
  --md-accent-fg-color: #0969da;

  /* 코드 블록: GitHub 연회색 */
  --md-code-bg-color: #f6f8fa;
  --md-code-fg-color: #1f2328;

  /* 푸터 */
  --md-footer-bg-color: #24292f;
  --md-footer-bg-color--dark: #1c2128;
}

/* 다크 모드: GitHub 다크 (#0d1117 배경) */
[data-md-color-scheme="slate"] {
  /* 헤더/탭 바: 거의 검정 */
  --md-primary-fg-color: #010409;
  --md-primary-fg-color--light: #161b22;
  --md-primary-fg-color--dark: #010409;

  /* 본문 */
  --md-default-bg-color: #0d1117;
  --md-default-fg-color: #e6edf3;
  --md-default-fg-color--light: #b1bac4;
  --md-default-fg-color--lighter: #8b949e;
  --md-default-fg-color--lightest: #30363d;

  /* 링크: GitHub 다크 블루 */
  --md-typeset-a-color: #58a6ff;
  --md-accent-fg-color: #58a6ff;

  /* 코드 블록: GitHub 다크 회색 */
  --md-code-bg-color: #161b22;
  --md-code-fg-color: #e6edf3;

  /* 푸터 */
  --md-footer-bg-color: #010409;
  --md-footer-bg-color--dark: #010409;

  /* 사이드바/검색 등 표면 색 */
  --md-typeset-table-color: rgba(230, 237, 243, 0.12);
}

/* ===== GitHub식 2단 헤더: 검정 상단바 + 배경색 탭 줄 ===== */

/* 탭 바를 본문 배경색으로 (라이트=흰색, 다크=#0d1117) + 회색 하단 테두리
   ※ primary=black 일 때 테마가 [data-md-color-primary=black] .md-tabs 로
   덮어쓰므로 같은 특이도 이상으로 선언해야 함 */
[data-md-color-primary="black"] .md-tabs,
.md-tabs {
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

[data-md-color-primary="black"] .md-tabs__link,
.md-tabs__link {
  color: var(--md-default-fg-color--light);
  opacity: 1;
}

[data-md-color-primary="black"] .md-tabs__link:hover,
[data-md-color-primary="black"] .md-tabs__link--active,
.md-tabs__link:hover,
.md-tabs__link--active {
  color: var(--md-default-fg-color);
}

/* 활성 탭: GitHub처럼 하단 강조선 */
[data-md-color-primary="black"] .md-tabs__item--active .md-tabs__link,
.md-tabs__item--active .md-tabs__link {
  font-weight: 700;
  color: var(--md-default-fg-color);
  box-shadow: inset 0 -2px 0 var(--md-default-fg-color);
}

/* 코드 블록에 GitHub식 테두리 */
.md-typeset pre > code {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
}

/* 인라인 코드도 둥근 모서리 */
.md-typeset code {
  border-radius: 6px;
}

/* 표 테두리를 GitHub식 회색으로 */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
}

/* 진행도 바 (난이도별 클리어율) */
.cpi-bar {
  display: block;
  width: 100%;
  min-width: 120px;
  height: 12px;
  border-radius: 999px;
  background: var(--md-default-fg-color--lightest);
  overflow: hidden;
}
.cpi-bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);
}
/* 클리어율 구간별 색상 */
.cpi-bar > span.hi  { background: linear-gradient(90deg,#22c55e,#16a34a); } /* 높음 */
.cpi-bar > span.mid { background: linear-gradient(90deg,#f59e0b,#f97316); } /* 벽 */
.cpi-bar > span.lo  { background: linear-gradient(90deg,#ef4444,#b91c1c); } /* 낮음 */

/* 람프(클리어 유형) 뱃지 */
.lamp {
  display: inline-block;
  min-width: 2.2em;
  padding: 0.1em 0.55em;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.8em;
  text-align: center;
  color: #fff;
}
.lamp-ex { background: #f59e0b; }      /* EX-HARD / Excellent */
.lamp-hc { background: #ef4444; }      /* HARD CLEAR */
.lamp-cl { background: #22c55e; }      /* CLEAR */
.lamp-ec { background: #14b8a6; }      /* EASY CLEAR */
.lamp-ac { background: #a855f7; }      /* ASSIST CLEAR */
.lamp-fa { background: #64748b; }      /* FAILED */
.lamp-np { background: #cbd5e1; color: #334155; } /* NOT PLAYED */
.lamp-fc { background: #38bdf8; }      /* FULL COMBO */

.md-header__button.md-logo,
.md-nav__button.md-logo {
  display: none;
}