/* CODEDVINYLS web typography.
   Loaded after page styles to provide shared type and contrast defaults. */

:root{
  --sans:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Segoe UI",system-ui,sans-serif;
  --display:"Archivo","Pretendard Variable","Pretendard","Apple SD Gothic Neo",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,"Courier New",monospace;
  --muted:#655f54;        /* 기존 #817b70 → paper 대비 ~5.3:1 (WCAG AA). 라벨·메타·수치용 */
  --muted-strong:#46413a; /* 본문성 보조 텍스트(리드·덱·카드 설명) ~7:1 */
}

/* --- 렌더링 품질 --- */
body{
  font-family:var(--sans);
  line-height:1.65;                 /* 국문 인지 기준 (기존 1.5 → 1.65) */
  letter-spacing:normal;            /* 국문 본문엔 트래킹 없음 (자간 누수 차단) */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* --- 디스플레이: 영문은 Archivo, 한글은 자동 Pretendard 폴스루 --- */
.display{font-family:var(--display)}
.hero-copy h1,.art-hero h1{font-family:var(--display);word-break:keep-all}
.cur-card .t,.li-card .t,.feature-card .ft,.prose h2,.prose h3{
  font-family:var(--display);
  font-weight:700;                  /* 카드·소제목 800→700 (소형에서 800은 둔탁) */
  letter-spacing:-.005em;
  word-break:keep-all;
}

/* --- 본문성 텍스트: 대비·행간 확보 --- */
.hero-copy .lede,.art-hero .dek,.feature-card .fd{
  color:var(--muted-strong);
  line-height:1.8;
  word-break:keep-all;
}
.prose p{color:#262420;line-height:1.95;word-break:keep-all}
.prose .lead{color:var(--ink)}
/* 다크 배경 callout: 본문색(어두움)이 덮어써 안 보이던 것 복구 — 밝은 글자 (0,2,1로 .prose p 이김) */
.prose .callout p,.callout p{color:rgba(247,244,236,.94)}
.prose .callout a,.callout a{color:var(--yellow)}

/* --- 모노 라벨/메타 시그니처 (IBM Plex Mono) --- */
.mono,.kicker,.cur-card .kicker,.li-card .kicker,.feature-card .kicker,
.nav-cell,.byline,.crumb,figure.fig figcaption,.spec-grid div,
.cur-card .a,.cur-card .meta div,.li-card .a,.logo-sub{
  font-family:var(--mono);
}