/* PrePT 디자인 토큰 v2 — 시안 C 미니멀 프로덕트 (2026-11-04 사용자 선택, D-59)
   앵커: Vercel(흰 바탕·#171717 먹·잔선·겹 그림자) 구조 + 스플래시 A의 형광펜 한 색. 그라디언트·알약 CTA는 쓰지 않는다.
   설명·사용 규칙·바꿀 곳: 디자인토큰.md · 모양: 시각개편/시안.html (C) · 이전 v1(C 채점지)의 변수 이름을 그대로 두고 값만 바꿨다.
   글꼴 불러오기 (head에) — 명조(Noto Serif KR) 링크는 지운다:
   <link rel="stylesheet" href="/fonts/pretendard/pretendard.css"> (자체 호스팅 — 외부 CDN 안 씀) */
:root{
  /* 색 — 흰 면 + 먹 + 형광펜 1색. SK 색(빨강·주황) 금지 */
  --paper:#fafafa;        /* 페이지 바탕(카드 밖) */
  --surface:#ffffff;      /* 카드·단·입력칸·모달 */
  --surface-2:#f5f5f5;    /* 내 말풍선·표 머리·옅은 면·눌림 */
  --line:#ebebeb;         /* 잔선 — 카드 안 구분선 */
  --divider:#ebebeb;      /* 섹션 구분선·막대 빈 칸 (v1 호환 이름) */
  --line-strong:#8f8f8f;  /* 입력칸·체크박스 테두리 (흰 바탕 대비 3.3:1) */
  --ink:#171717;          /* 본문·제목·주 버튼 바탕 (흰 바탕 17.9:1) */
  --ink-2:#404040;        /* 보조 본문 (10.4:1) */
  --mute:#666666;         /* 설명·메타 — 작은 글자 최저선 (5.7:1) */
  --faint:#a1a1a1;        /* 장식·비활성만. 읽는 글자에 쓰지 않음 */
  --hl:#ffe766;           /* 형광펜 — 유일한 강조색 (워드마크 밑줄·타이머 경고·검증 강조) */
  --me-bg:#f5f5f5;        /* 채팅 '나' 말풍선 */
  --bar:#d4d4d4;          /* 점수 막대 기본 */
  --bar-key:#171717;      /* 점수 막대 — AI 답 검증 축 */
  --on-ink:#ffffff;       /* 먹 바탕 위 글자 */
  --scrim:rgba(0,0,0,.4); /* 모달 뒤 */

  /* 그림자 — 카드는 테두리 대신 겹 그림자(잔선 고리 포함). 한 장짜리 무거운 그림자 금지 */
  --shadow-card:0 1px 1px rgba(0,0,0,.03),0 2px 6px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.06);
  --shadow-pop:0 4px 12px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06); /* 모달·토스트 */
  --shadow:var(--shadow-card);
  --focus:0 0 0 2px #fff,0 0 0 4px #171717; /* 포커스 링 */

  /* 글꼴 — Pretendard 하나 + 시스템 모노(숫자·시간·토큰·자료 번호) */
  --font-body:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-display:var(--font-body);          /* 명조 폐지 — 제목도 Pretendard 600 */
  --font-num:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

  /* 글자 크기 / 굵기 / 줄 간격 */
  --fs-display:40px; --fs-display-m:28px;   /* 랜딩 h1 (PC / 폰) */
  --fs-h1:28px; --fs-h1-m:22px;
  --fs-h2:20px; --fs-h3:15px;
  --fs-body:14px; --fs-sm:12.5px; --fs-xs:12px; --fs-label:12px;
  --fs-score:64px;                          /* 결과 총점 (모노) */
  --fs-timer:22px;                          /* 응시 타이머 (모노) */
  --fw-head:600;                            /* 제목 굵기 상한 — 700 이상 쓰지 않음 */
  --lh-body:1.6; --lh-heading:1.3;
  --ls-display:-.03em; --ls-head:-.015em;

  /* 간격 (4의 배수) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:28px; --sp-8:40px;
  --gutter:16px; --gutter-m:16px;           /* 카드 사이·화면 가장자리 */
  --content-max:1040px; --page-max:1280px; --phone:390px;
  --row:40px;                               /* 자료·기록 목록 한 줄 */
  --head-h:52px;                            /* 앱 머리줄 */

  /* 모서리 */
  --r-btn:6px; --r-input:6px; --r-tag:6px; --r-msg:12px; --r-card:10px; --r-pill:999px; /* 알약은 필터 칩에만 */

  /* 움직임 */
  --dur-fast:.15s; --dur:.25s; --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s}}