/* 마당 디자인 토큰 — 종이 바탕 (2026-10-13 전환)
   이전: 레니가 잡은 순검정 포트폴리오 팔레트(#000 + 오렌지).
   현재: 아이보리 종이 + 검정 잉크 — 우리가 뽑는 PDF 도면세트와 같은 바탕색이다.
   "작품집"이 아니라 "도면이 나오는 도구"로 읽히게 하는 게 목적. */
:root {
  --md-bg: #F2EEE6;        /* 종이 */
  --md-bg-raised: #FBF9F5; /* 올라온 면(패널·카드) */
  --md-line: #D9D2C5;
  --md-text: #1B1917;      /* 잉크 */
  --md-muted: #6B6459;
  --md-accent: #B5591B;    /* 붉은 흙색 — 종이 위에서 읽히는 농도로 낮춤 */
  --md-accent-dim: rgba(181, 89, 27, 0.12);
  --md-serif: 'Georgia', 'Times New Roman', serif;
  --md-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* 도면 렌더(lib/drawing/svg.js)가 쓰는 선 색 — 화면 도면도 같은 종이 위에 그린다 */
  --dwg-ink: #1B1917;
  --dwg-soft: #6B6459;
  --dwg-site: #A89F8E;
  --dwg-dim: #8B8475;

  --md-gutter: clamp(24px, 5vw, 48px);
  --md-header-y: clamp(20px, 2.1vw, 26px); /* 헤더 상하 */
}

/* 로고 — 모든 페이지 동일 (주인님 2026-07-31: 랜딩 기준으로 통일).
   기준 실측값: 16px · 700 · letter-spacing 0.2px · var(--md-text) · 밑줄 없음 · "Madang".
   위치·여백은 각 페이지가 정하고, 글자 자체의 표현은 여기 한 곳에서만 바꾼다. */
/* 특이도 0,2,0 — 페이지 CSS(나중 로드)의 단일 클래스 규칙보다 항상 우선.
   "모든 페이지 로고는 랜딩과 똑같이"를 CSS 로드 순서와 무관하게 보장한다. */
.md-logo.md-logo {
  font-family: var(--md-sans);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: normal;
  color: var(--md-text);
  text-transform: none;
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* ── 스크롤바 (언타이틀 전역) — 종이 톤, 얇고 끝이 둥글며 트랙은 투명. 쉬고 있을 땐 선 색, 잡으면 잉크 쪽으로 (주인님 2026-10-19)
   ⚠️ Chrome 121+ 는 요소에 scrollbar-color/scrollbar-width 가 있으면 ::-webkit-scrollbar 를 무시한다 → 표준 속성은 webkit 의사요소가 없는 브라우저(Firefox)에서만 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CFC6B6; border: 3px solid transparent; border-radius: 99px; background-clip: padding-box; min-height: 28px; }
::-webkit-scrollbar-thumb:hover { background: #B5AC9B; background-clip: padding-box; }
::-webkit-scrollbar-thumb:active { background: var(--md-muted); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: #CFC6B6 transparent; }
}