/* ============================================================
   skins/shadows.css — THE SHADOWS 테마 전용 스킨
   ------------------------------------------------------------
   · config 의 preset 이 'shadows' 일 때만 로드된다.
   · 타이틀 이미지 팔레트:
       칠흑 #070607 · 핏빛 크림슨 #c1121f · 망토 버건디 #5d1420
       강철 은빛 #b9bec4 · 창백한 살결 #ece6e2
   · 색을 조절하려면 아래 1번 블록 토큰 값만 바꾸면 전체가 따라온다.
   ============================================================ */

/* ── 1. 색 토큰 (다크) ─────────────────────────────────────── */
html[data-theme="dark"] {
  --paper: #070607;
  --card:  #100b0d;
  --tint:  #1a1114;
  --ink:      #ece6e2;
  --ink-soft: #a3979a;
  --line:        #2a1d21;
  --line-strong: #3a262c;
  --accent: #c1121f;
  --link:   #e05561;
  --red:    #ff4d5a;
  --green:  #7dc98f;
  --amber:  #d9a03f;
  --shadow: 0 6px 24px rgba(0, 0, 0, .55);
}
html[data-theme="light"] { --accent: #a30f1c; --link: #8f0e19; }

/* ── 2. negentropy 로고 그라디언트 변수 → 크림슨 ──
   (shadows 프리셋도 style.css의 data-preset 규칙 일부를 상속하지 않지만,
    혹시 남는 브랜드 그라디언트가 있으면 크림슨으로 통일) */
html[data-preset="shadows"], html[data-preset="negentropy"] {
  --brand-a: #c1121f;
  --brand-b: #6d0f16;
}

/* ── 3. 헤더·제목 ─────────────────────────────────────────── */
html[data-theme="dark"] .masthead-inner { border-bottom-color: #48232b; }
html[data-theme="dark"] .masthead-rule {
  background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 28%, transparent) 60%, transparent);
}
.article-title {
  font-family: var(--serif, serif); letter-spacing: .045em;
  text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 0 18px rgba(193,18,31,.18);
}
.article-rule { background: linear-gradient(90deg, var(--accent), transparent 72%); }
.wiki-content h2 .wiki-h-text { letter-spacing: .03em; }

/* ── 4. 카드·사이드 박스 ──────────────────────────────────── */
html[data-theme="dark"] .hotsearch,
html[data-theme="dark"] .nboard,
html[data-theme="dark"] .nfeed,
html[data-theme="dark"] .wpanel,
html[data-theme="dark"] .rc-list {
  border-color: #3d282e;
  background: linear-gradient(180deg, rgba(193,18,31,.05), transparent 26%), var(--card);
}
html[data-theme="dark"] .hotsearch-head,
html[data-theme="dark"] .nboard-head,
html[data-theme="dark"] .nfeed-head,
html[data-theme="dark"] .wpanel-head,
html[data-theme="dark"] .rc-list::before {
  background: linear-gradient(180deg, #1c1216, #150e11);
  border-bottom-color: #33222a;
}
html[data-theme="dark"] .hotsearch-item:nth-child(-n+3) .hotsearch-rank {
  background: linear-gradient(180deg, #d31625, #8f0e19);
  border-color: #8f0e19; color: #f6e9e6;
  box-shadow: 0 0 8px rgba(193,18,31,.35);
}

/* ── 5. 공지 배너 ─────────────────────────────────────────── */
html[data-theme="dark"] .site-notice {
  background: linear-gradient(180deg, #1b1013, #130c0f);
  border-color: color-mix(in srgb, var(--accent) 40%, #2a1d21);
}

/* ── 6. 링크·버튼 ─────────────────────────────────────────── */
html[data-theme="dark"] .btn-primary {
  background: linear-gradient(180deg, #c1121f, #8f0e19); border-color: #7c0c16;
}
html[data-theme="dark"] .btn-primary:hover { background: linear-gradient(180deg, #d31625, #a30f1c); }
a.new-doc, .redlink { color: #ff6b76; }

/* ── 7. 인용·코드 ─────────────────────────────────────────── */
html[data-theme="dark"] .wiki-content blockquote {
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 6%, transparent);
}
html[data-theme="dark"] .wiki-code,
html[data-theme="dark"] code { color: #e0a7ab; }

/* ── 8. 선택 영역·스크롤바 ────────────────────────────────── */
html[data-theme="dark"] ::selection { background: rgba(193,18,31,.45); color: #f4eeeb; }
html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0b0809; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #33222a; border-radius: 6px; border: 2px solid #0b0809; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #4a2e37; }

/* ── 9. 모바일 ────────────────────────────────────────────── */
@media (max-width: 768px) { .article-title { letter-spacing: .03em; } }