/* ─────────────────────────────────────────────────────────────
   themes.css — 색만으로 안 되는 것.

   값(색·간격·두께)은 전부 `tokens.css` 에 있다. 여기에는 **질감·구조**만 남긴다:
   메모판의 안팎 반전과 붙인 종이, 인쇄물의 룰선과 세리프 제목처럼
   변수 하나로는 표현이 안 되는 자리들이다.

   ⚠️ 여기에 색값을 직접 적지 않는다. 전부 tokens.css 의 이름으로 쓴다 —
   실제로 예전에 이 파일이 색을 따로 들고 있다가 tokens 와 어긋나서
   지록이 반려한 옛 팔레트가 화면에 남아 있었다(2026-08-11).
   ───────────────────────────────────────────────────────────── */


/* ══ 메모판 — 짙은 판에 종이를 붙였다 ═══════════════════════ */

/* 붙인 티. 종이를 자로 잰 듯 반듯하게 붙이는 사람은 없다 */
[data-theme="pinboard"] .board .card:nth-child(4n+1) { transform: rotate(-.35deg); }
[data-theme="pinboard"] .board .card:nth-child(4n+3) { transform: rotate(.3deg); }
[data-theme="pinboard"] .board .card:nth-child(4n+4) { transform: rotate(-.15deg); }

/* 제목줄에 회색 띠를 깔지 않는다 — 종이 한 장이지 두 겹이 아니다 */
[data-theme="pinboard"] .card > h2 {
  background: transparent;
  border-bottom-style: dashed;
}

/* 광고판은 종이가 아니라 판에 걸어둔 것 — 도구와 구분되어야 한다 */
[data-theme="pinboard"] .card[data-box^="ad"] {
  --surface: #DFDACF;
  background: var(--surface);
}

@media (prefers-reduced-motion: reduce) {
  [data-theme="pinboard"] .board .card { transform: none !important; }
}


/* ══ 인쇄물 — 카드를 안 쓴다. 굵은 룰선이 카드를 대신한다 ═══ */

[data-theme="newsprint"] .card > h2 {
  background: transparent;
  border-bottom: 1px solid var(--ink);
  letter-spacing: -.01em;
}
[data-theme="newsprint"] .card textarea,
[data-theme="newsprint"] .card input[type="text"],
[data-theme="newsprint"] .card input[type="number"] {
  background: transparent;
  border-color: var(--line);
}
[data-theme="newsprint"] .top { border-bottom: 2px solid var(--ink); }
/* ⚠️ 여기 있던 `.boards { border-bottom: 1px }` 를 뺐다 (지록 지적 2026-08-11 —
   "인쇄물에서 정렬 아래 라인에 층이 생겼는데").
   헤더 밑선(2px)·판 탭줄 밑선(1px)·켜진 탭 밑선(2px) 이 **세 겹으로 어긋나 겹쳐** 있었다.
   다른 테마는 세 선의 색이 달라 안 보였고, 인쇄물만 셋 다 검정이라 층으로 드러났다.
   선은 헤더 하나로 충분하다 — 켜진 탭이 그 위에 얹힌다(시안 구조). */
/* (`.brand` 규칙은 뺐다 — 그 이름의 요소가 화면에 없다. 실제 이름은 `.wordmark` 이고,
   그쪽은 base.css 가 이미 17px + var(--font-title) 이라 이 줄이 하는 일이 0이었다. 유하람 2026-08-12) */
[data-theme="newsprint"] .addbar { border-top: 1px solid var(--ink); }

/* ℹ️ 2026-08-12 — 여기 있던 "가는 글씨 700 으로 올리기" 묶음을 걷어냈다.
   본문을 700 으로 올렸던 동안에는 500 을 쓰던 자리(로고 밑줄·달력 요일·시차 등)가
   본문보다 흐려 보여서 같이 올려야 했다 — 나눔명조에 500 이 없어 400 으로 떨어지기 때문이다.
   본문이 400 으로 돌아오면서 그 자리들도 본문과 같은 굵기가 됐다. 규칙이 필요 없어졌다.
   ⚠️ 다시 굵기를 올릴 일이 생기면 이 묶음도 같이 살려야 한다(안 그러면 반쪽만 굵어진다). */