/* Fonts */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css");

:root {
  --md-text-font:
    "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, sans-serif;
  --md-code-font: "D2Coding", monospace;
}

/* Typography */
.md-typeset {
  font-size: 14px;
}

.md-typeset code {
  font-size: 14px;
}

.md-nav {
  font-size: 14px;
}

/* Full-width layout */
.md-grid {
  max-width: 100%;
}

/* Sidebar width */
.md-sidebar--primary,
.md-sidebar--secondary {
  width: 18rem;
}

.md-sidebar__inner {
  width: 18rem;
}

@supports selector(::-webkit-scrollbar) {
  [dir="ltr"] .md-sidebar__inner {
    padding-right: calc(100% - 18rem);
  }
}

/* ===== Claude Dark Theme ===== */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #2b2a27;
  --md-default-fg-color: #e8e4dc;
  --md-default-fg-color--light: #b0a99f;
  --md-default-fg-color--lighter: #78736b;
  --md-default-fg-color--lightest: #4a4640;

  --md-primary-fg-color: #1a1916;
  --md-primary-bg-color: #e8e4dc;

  --md-accent-fg-color: #d4a27f;

  --md-typeset-a-color: #d4a27f;

  --md-code-bg-color: #1e1d1a;
  --md-code-fg-color: #e8e4dc;

  --md-footer-bg-color: #131210;
  --md-footer-fg-color: #9e9890;
}

/* Claude Dark - Header */
[data-md-color-scheme="slate"] .md-header {
  background-color: #1a1916;
  border-bottom: 1px solid #3d3a35;
}

/* Claude Dark - Tabs */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1a1916;
}

/* Claude Dark - Sidebar */
[data-md-color-scheme="slate"] .md-sidebar {
  border-right: 1px solid #3d3a35;
}

/* Claude Dark - Nav active */
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #d4a27f;
}

/* Claude Dark - Code blocks */
[data-md-color-scheme="slate"] .highlight code,
[data-md-color-scheme="slate"] code {
  border: 1px solid #3d3a35;
}

[data-md-color-scheme="slate"] .highlight pre code {
  border: none;
}

[data-md-color-scheme="slate"] .highlight {
  background-color: #1e1d1a;
  border: 1px solid #3d3a35;
  border-radius: 6px;
}

/* Claude Dark - Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #353330;
  border-color: #4a4640;
  color: #e8e4dc;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-color: #3d3a35;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background-color: #353330;
}

/* Claude Dark - Search */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: #353330;
  border: 1px solid #4a4640;
  color: #e8e4dc;
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: #9e9890;
}

/* Claude Dark - Admonitions */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border-color: #4a4640;
  background-color: #353330;
}

/* Claude Dark - Scrollbar */
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background-color: #4a4640;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background-color: #2b2a27;
}

/* Claude Dark - Footer */
[data-md-color-scheme="slate"] .md-footer {
  border-top: 1px solid #3d3a35;
}

/* ===== Claude Light Theme ===== */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #faf9f5;
  --md-default-fg-color: #2d2b28;
  --md-default-fg-color--light: #6b665e;
  --md-default-fg-color--lighter: #9e9890;
  --md-default-fg-color--lightest: #d6d2cb;

  --md-primary-fg-color: #f0ede6;
  --md-primary-bg-color: #2d2b28;

  --md-accent-fg-color: #b5713c;

  --md-typeset-a-color: #b5713c;

  --md-code-bg-color: #f0ede6;
  --md-code-fg-color: #2d2b28;
}

/* Claude Light - Header */
[data-md-color-scheme="default"] .md-header {
  background-color: #f0ede6;
  border-bottom: 1px solid #d6d2cb;
  color: #2d2b28;
}

[data-md-color-scheme="default"] .md-header .md-header__title {
  color: #2d2b28;
}

[data-md-color-scheme="default"] .md-header .md-tabs__link {
  color: #2d2b28;
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: #f0ede6;
}

/* Claude Light - Tables */
[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background-color: #f0ede6;
  border-color: #d6d2cb;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) td {
  border-color: #d6d2cb;
}

/* ===== Homepage - Content Width 80% ===== */
/* hide: [navigation, toc] 메타데이터가 적용된 페이지 (현재 첫 페이지만 해당) */
.md-sidebar--primary[hidden] ~ .md-content {
  max-width: 80%;
  margin: 0 auto;
}

/* ===== Homepage - Table Full Width ===== */
.md-sidebar--primary[hidden] ~ .md-content .md-typeset__table {
  width: 100%;
}

.md-sidebar--primary[hidden] ~ .md-content .md-typeset__table table {
  width: 100%;
}

/* ===== Homepage - Table Column Widths ===== */
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(1),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(1) {
  width: 3%;
}

.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(2),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(2) {
  width: auto;
}

.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(3),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(3) {
  width: 8%;
}

.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(4),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(4) {
  width: 8%;
}

.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(5),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(5) {
  width: 8%;
}

.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  th:nth-child(6),
.md-sidebar--primary[hidden]
  ~ .md-content
  .md-typeset__table
  table
  td:nth-child(6) {
  width: 15%;
}

/* === CUSTOM CSS === */
.md-header__button.md-logo img {
  height: 1rem;
}
[dir="ltr"] .md-header__title {
  margin-left: 0.5rem;
  margin-right: 0.4rem;
}
/* === CUSTOM CSS __END__ === */