@import "tailwindcss";

/*
  Reportables 팔레트 — 희미한 노란색(크림) 배경 + 녹색 포인트.
  순백/순흑 지양: 배경은 cream, 텍스트는 warm gray(stone) 계열.
  간격·인터랙션은 GitHub류(촘촘한 14px 기준, 얇은 보더, 절제된 곡률).
*/
@theme {
  /* 크림 배경 계열 */
  --color-cream-50: #fcfaf4;
  --color-cream-100: #f8f4e8;
  --color-cream-200: #efe9d6;
  --color-cream-300: #e3dabf;

  /* 녹색 포인트 계열 */
  --color-leaf-50: #f0f7f0;
  --color-leaf-100: #dcefdd;
  --color-leaf-200: #bfe0c2;
  --color-leaf-400: #59a466;
  --color-leaf-500: #3d8b4d;
  --color-leaf-600: #2f7d42;
  --color-leaf-700: #266836;
  --color-leaf-800: #1f522c;
  --color-leaf-900: #17421f;
}

/*
  리포트 렌더 본문 (Reports::Renderer 출력) — 마크다운 기본 타이포그래피.
  GitHub류 밀도: 14px 기준, 얇은 보더, 절제된 여백.
*/
.report-body {
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-stone-700);
  overflow-wrap: break-word;
}
.report-body h1, .report-body h2, .report-body h3,
.report-body h4, .report-body h5, .report-body h6 {
  margin: 1.5em 0 0.5em;
  font-weight: 600;
  color: var(--color-stone-900);
  scroll-margin-top: 4rem;
}
.report-body h1:first-child, .report-body h2:first-child { margin-top: 0; }
.report-body h1 { font-size: 1.375rem; padding-bottom: 0.35em; border-bottom: 1px solid var(--color-cream-300); }
.report-body h2 { font-size: 1.15rem; padding-bottom: 0.3em; border-bottom: 1px solid var(--color-cream-200); }
.report-body h3 { font-size: 1rem; }
.report-body p { margin: 0.75em 0; }
.report-body ul, .report-body ol { margin: 0.75em 0; padding-left: 1.5em; }
.report-body ul { list-style: disc; }
.report-body ol { list-style: decimal; }
.report-body li { margin: 0.25em 0; }
.report-body li > ul, .report-body li > ol { margin: 0.25em 0; }
.report-body a { color: var(--color-leaf-700); text-decoration: underline; text-underline-offset: 2px; }
.report-body code {
  padding: 0.1em 0.35em;
  border-radius: 4px;
  background: var(--color-cream-100);
  font-size: 0.85em;
}
.report-body pre {
  margin: 0.75em 0;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border: 1px solid var(--color-cream-300);
  background: var(--color-cream-50);
  overflow-x: auto;
}
.report-body pre code { padding: 0; background: transparent; font-size: 0.8rem; }
.report-body blockquote {
  margin: 0.75em 0;
  padding: 0.25em 1em;
  border-left: 3px solid var(--color-leaf-200);
  color: var(--color-stone-500);
}
.report-body table { margin: 0.75em 0; width: 100%; border-collapse: collapse; }
.report-body th, .report-body td { padding: 0.4em 0.75em; border: 1px solid var(--color-cream-300); text-align: left; }
.report-body th { background: var(--color-cream-100); font-weight: 600; }
.report-body img { max-width: 100%; border-radius: 6px; border: 1px solid var(--color-cream-300); }
.report-body hr { margin: 1.5em 0; border: 0; border-top: 1px solid var(--color-cream-300); }
/* 앵커(#sec-…/#blk-…)로 진입한 블록 하이라이트 — Phase 5 코멘트 딥링크 대비 */
.report-body :target { background: var(--color-leaf-50); outline: 2px solid var(--color-leaf-200); outline-offset: 4px; border-radius: 4px; }