/**
 * 색·간격·타이포의 단일 출처. 다른 CSS 는 여기 변수만 쓴다.
 * 정본: design/디자인_공통정의.md v1.1 — 코드가 정의서와 어긋나면 코드가 틀린 것이다.
 *
 * 축 분리(정의서 §10): 진영 = teal/clay · 술어 = pred-blue/pred-red · 판정 = verdict-*.
 * 한 색 쌍이 두 의미 축을 오가면 학습이 배신당한다.
 */

@font-face {
  font-family: "Pretendard Variable";
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}

:root {
  /* Reference — 한지·먹 */
  --paper: #f2eee4;
  --paper-2: #e9e3d5;
  --paper-3: #fbf9f4;
  --ink: #16232a;
  --ink-2: #40525b;
  --ink-3: #8b968f; /* disabled·순수 장식 전용 — 활성 텍스트 금지(정의서 §2.2) */
  --line: #d3ccba;
  --line-2: #bdb49e;

  /* 기존 화면의 재료색도 이 파일만 원시값을 가진다. */
  --backdrop: #211c15;
  --backdrop-wait: rgba(33, 28, 21, 0.35);
  --surface-void: #0d1114;
  --surface-card-hi: #fdfbf6;
  --surface-card-lo: #f4efe1;
  --surface-sheet: #f3eee0;
  --surface-sheet-alt: #efe8d6;
  --ink-inverse: #fff;
  --ink-piece: #2c2418;
  --ink-piece-inverse: #e8e2d2;
  --ink-cutin: #d9d2c0;
  --gold-bright: #e6c877;
  --surface-failure: #2b1512;
  --ink-failure: #ffd9d0;
  --seal-paper: #f2e6c8;
  --seal-muted: #3a4046;
  --seal-paper-muted: #d8d3c4;
  --surface-home-ex: #f7efec;
  --surface-home-me: #e6f0ee;

  --teal: #0f8a8f;
  --teal-deep: #0a5c60;
  --teal-wash: #dcebe9;
  --clay: #b04a33;
  --clay-deep: #7d3122;
  --clay-wash: #f2e0d9;
  --gold: #9a6a00; /* 아이콘 전용 — 텍스트 금지 */
  --gold-wash: #f3e6c8;
  --move: #2f6fd0;
  --move-wash: #d7e4f7;
  --seal: #a33326;

  /* System 신규 3종 (정의서 §2.2 — 대비 실측으로 승격) */
  --ink-muted: #566871;
  --gold-deep: #7d5600;
  --line-strong: #6b5940;

  /* 판정 전용 축 (mine/theirs 와 분리 — §2.4) */
  --verdict-o: var(--teal-deep);
  --verdict-x: var(--ink-2);
  --verdict-q: var(--gold-deep);

  /* 술어 전용 축 — 파랑 = 계산 술어, 빨강 = 논쟁 술어 (§10) */
  --pred-blue: #2b5f8f;
  --pred-red: var(--seal);
  --pred-blue-soft: #7fa8cc; /* 다크 배경 톤 사다리 */
  --pred-red-soft: #d98a76;

  /* 인트로 옻칠 팔레트 (§9.2) */
  --lacquer: #141a1e;
  --lacquer-2: #1a2126;
  --lacquer-3: #0f1417;
  --gold-soft: #d9c491;
  --gold-line: rgba(202, 166, 79, 0.55);

  /* 진입 화면 컴포넌트 역할 토큰 (§5.0) */
  --entry-surface: rgba(255, 255, 255, 0.025);
  --entry-surface-selected: rgba(202, 166, 79, 0.08);
  --entry-border: rgba(202, 166, 79, 0.3);
  --entry-border-strong: rgba(202, 166, 79, 0.9);
  --entry-text: var(--gold-soft);
  --entry-text-muted: rgba(217, 196, 145, 0.55);
  --entry-text-subtle: rgba(217, 196, 145, 0.5);
  --entry-shadow-selected: 0 6px 18px rgba(0, 0, 0, 0.4);
  --entry-portrait-scrim: rgba(15, 20, 23, 0.85);
  --entry-selection-scrim: rgba(20, 26, 30, 0.8);

  --r-s: 4px;
  --r-m: 8px;
  --r-l: 14px;
  --tap-target: 44px;

  /* 모션 (§6) */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-stagger: 150ms;
  --motion-drama: 600ms;

  /* 딤 — 오버레이 단일 방식. 팝업 .5 / 컷인 .45 / 대기 .35 */
  --dim-pop: 0.5;
  --dim-cutin: 0.45;
  --dim-wait: 0.35;

  /* 접근성 글자 배율의 단일 경로 — 사용자 설정 단계는 별도 스펙에서 확정한다 */
  --fs: 1;

  /* 타이포 역할 토큰 (§3.1) — 전부 14px 이상, raw px 금지 */
  --type-display: calc(22px * var(--fs));
  --type-heading: calc(16px * var(--fs));
  --type-body: calc(14px * var(--fs));
  --type-label: calc(14px * var(--fs));
  --type-chip: calc(14px * var(--fs));
  --type-btn: calc(16px * var(--fs));

  --sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --serif: "Noto Serif KR", "Apple Myungjo", "Batang", serif;

  --shadow-1: 0 1px 2px rgba(22, 35, 42, 0.12);
  --shadow-2: 0 6px 20px rgba(22, 35, 42, 0.18);
}