/* VERA 디자인 토큰 — 정본 (2026-09-14 · 시안 「VERA 디자인 규칙 한 장」 사용자 확정값 · 규칙 문서 main/문서/디자인규칙.md)
   역할 이름(--vera-*)만 둔다. 화면 고유 토큰(대문 --tn-* · 셸 --paper/--navy 스킨)은 이 값을 참조하거나 별칭으로 잇는다.
   셸(main/웹앱/셸/src/shell/index.css)은 다른 출처에서 빌드되므로 같은 블록을 **복사**해 둔다 — 여기를 고치면 그쪽도 고친다. */
:root{
  /* 지면 · 글자 — 종이 세계(작업) */
  --vera-paper:#fdfcf7; --vera-ink:#1f2328; --vera-ink-mid:#4c5158; --vera-ink-soft:#7d8288;
  /* 지면 · 글자 — 밤 세계(입구) */
  --vera-night:#120c06; --vera-ivory:#f4ecdc; --vera-ivory-mid:#d9cdb4; --vera-ivory-soft:#b3a88f;
  /* 행동색 = 톤을 따른다(사용자 확정 「톤 따라감」). 톤 토큰이 없는 화면(공용대문·소개)은 남색 */
  --vera-navy:#1f4e79;
  --vera-act:var(--tn-accent, var(--vera-navy));
  /* 데이터색 = 주황 하나 — 진도 레일 · 정답률 · 점수 강조. 밤 지면 #e08133 · 종이 지면 #b4531f. 버튼엔 쓰지 않는다 */
  --vera-data:#e08133; --vera-data-paper:#b4531f;
  /* 장식 — 금은 밤 지면에서만, 종이 지면은 모래 괘선 */
  --vera-gild:#c9a86a; --vera-sand:#d8bc85;
  /* 상태 — 주황은 상태색에서 뺀다 */
  --vera-good:#3f7a52; --vera-bad:#a8392e;
  /* 반지름 두 단계 + 알약 — 서류(카드·액자·지면) · 부품(버튼·칩·패널) */
  --vera-r-doc:4px; --vera-r-part:10px; --vera-r-pill:99px;
  /* 서체 — 제목은 그 화면이 속한 세계를 따른다(밤·종이 = 명조) · 본문 고딕 · 라벨·수치 모노 */
  --vera-serif:'AppleMyungjo','Nanum Myeongjo','Apple SD Gothic Neo',serif;
  --vera-sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --vera-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}