/* ============================================================
   skins/islandverse.css — ISLANDVERSE 테마 전용 스킨
   ------------------------------------------------------------
   · config 의 preset 이 'islandverse' 일 때만 로드된다.
   · 팔레트: 블랙 바탕 · 남보라 #3e3b6f (accent) · 로즈핑크 #c182ac (포인트)
   · 색 조절은 아래 1번 블록 토큰 값만 바꾸면 전체가 따라온다.
   · 로고 이미지를 쓰려면 skins/공통.css 에 .brand-mark 규칙 + assets/logo.png.
   ============================================================ */

/* ── 1. 색 토큰 (다크/블랙) ────────────────────────────────── */
html[data-theme="dark"] {
  --paper: #0a0910;                    /* 블랙에 살짝 남보라 기 */
  --card:  #12111c;                    /* 카드: 남보라 도는 흑색 */
  --tint:  #1b1930;                    /* 옅은 강조면(남보라) */
  --ink:      #ece9f2;                 /* 창백한 라벤더 화이트 */
  --ink-soft: #9c96b0;
  --line:        #262340;
  --line-strong: #35315a;
  --accent: #7d79c4;                   /* 남보라(가독) — 아래에서 재확인 */
  --link:   #c182ac;                   /* 링크: 로즈핑크 포인트 */
  --red:    #e06a7f;
  --green:  #7fc9a6;
  --amber:  #d9b45f;
  --shadow: 0 6px 26px rgba(0, 0, 0, .6);
}
/* accent는 지정값(#3e3b6f)이 어두워 링크/버튼엔 밝게 보정한 남보라를 쓴다.
   순수 지정색은 --accent-deep 로 따로 보관(테두리·그라디언트 끝색 등에 사용). */
html[data-theme="dark"] {
  --accent:      #7d79c4;              /* 밝게 보정한 남보라(가독) */
  --accent-deep: #3e3b6f;              /* 지정 원색(짙은 남보라) */
  --point:       #c182ac;              /* 로즈핑크 포인트 */
}
/* 라이트 테마도 남보라/로즈 무드 유지 */
html[data-theme="light"] { --accent: #4a4680; --link: #a85f92; }

/* ── 2. 로고 그라디언트 변수(negentropy 상속분 대비) → 남보라·로즈 ── */
html[data-preset="islandverse"], html[data-preset="negentropy"] {
  --brand-a: #3e3b6f;                  /* 시작: 짙은 남보라 */
  --brand-b: #c182ac;                  /* 끝: 로즈핑크 */
}

/* ── 3. 헤더·제목 ─────────────────────────────────────────── */
html[data-theme="dark"] .masthead-inner { border-bottom-color: #35315a; }
html[data-theme="dark"] .masthead-rule {
  background: linear-gradient(90deg, var(--accent-deep), var(--point) 55%, transparent);
}
.article-title {
  letter-spacing: .03em;
  text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 18px rgba(193,130,172,.16);
}
.article-rule { background: linear-gradient(90deg, var(--accent), var(--point) 60%, transparent); }
.wiki-content h2 .wiki-h-text { letter-spacing: .02em; }

/* ── 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: #302c50;
  background: linear-gradient(180deg, rgba(193,130,172,.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, #1c1930, #16131f);
  border-bottom-color: #2c2848;
}
/* 실시간 검색어 1~3위 칩: 남보라→로즈 인장 */
html[data-theme="dark"] .hotsearch-item:nth-child(-n+3) .hotsearch-rank {
  background: linear-gradient(180deg, #5b57a0, #3e3b6f);
  border-color: #4a4680; color: #f2e9ef;
  box-shadow: 0 0 8px rgba(125,121,196,.35);
}

/* ── 5. 공지 배너 ─────────────────────────────────────────── */
html[data-theme="dark"] .site-notice {
  background: linear-gradient(180deg, #1a1730, #14111d);
  border-color: color-mix(in srgb, var(--point) 38%, #262340);
}

/* ── 6. 링크·버튼 ─────────────────────────────────────────── */
html[data-theme="dark"] .btn-primary {
  background: linear-gradient(180deg, #4a4680, #3e3b6f); border-color: #332f5c;
}
html[data-theme="dark"] .btn-primary:hover { background: linear-gradient(180deg, #5b57a0, #4a4680); }
a.new-doc, .redlink { color: #d98fbe; }

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

/* ── 8. 선택 영역·스크롤바 ────────────────────────────────── */
html[data-theme="dark"] ::selection { background: rgba(125,121,196,.45); color: #f4eef2; }
html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0c0a14; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #302c50; border-radius: 6px; border: 2px solid #0c0a14; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #423c68; }

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