/* =====================================================================
   디자인 토큰 — P1 AI 세종 (골격용. 9/22 시안 확정 후 교체)
   색: 2026 한글주간 대표그림(디자인/01_키비주얼) 픽셀 실측
       은회색 바탕 · 빨강 원 #EF3F37 · 파랑 원 #0C50A1 · 노랑 조각 #F8C048 · 분홍 문양 #F286AE · 먹색 글자 #221F20
   모든 px 는 1080×1920 스테이지 기준. 글꼴은 styles/fonts.css 의 --font-* 만 쓴다.
   ===================================================================== */

:root {
  /* ── 색 ── */
  --c-silver-0: #FAFAFB;
  --c-silver-1: #F5F5F6;
  --c-silver-2: #E9EAEB;
  --c-silver-3: #D2D5D7;
  --c-silver-4: #B1BDCA;
  --c-ink: #221F20;
  --c-ink-soft: #4D4E50;
  --c-ink-dim: #7A7C80;
  --c-red: #EF3F37;
  --c-red-deep: #C92A23;
  --c-blue: #0C50A1;
  --c-blue-soft: #467FBE;
  --c-blue-pale: #E3ECF7;
  --c-yellow: #F8C048;
  --c-pink: #F286AE;
  --c-white: #FFFFFF;
  --c-panel: rgba(255, 255, 255, 0.92);
  --c-scrim: rgba(245, 245, 246, 0.84);

  /* ── 모양 ── */
  --r-card: 32px;
  --r-key: 18px;
  --r-pill: 999px;
  --shadow-card: 0 18px 44px rgba(12, 80, 161, 0.12), 0 2px 8px rgba(34, 31, 32, 0.08);
  --shadow-key: 0 3px 0 rgba(34, 31, 32, 0.14);

  /* ── 스테이지 ── */
  --stage-w: 1080px;
  --stage-h: 1920px;

  /* ── 세종 캐릭터: 원화 1725×2000 을 폭 1078 로 (배율 0.625 → 1078×1250) ──
     화면별 위치·크기는 app.css 의 [data-screen] 표에서 --sj-y / --sj-s 로만 바꾼다 (원화는 허리 아래가 잘린 반신 →
     아랫변은 항상 화면 바닥이나 패널 윗변에 붙인다) */
  --sj-w: 1078px;
  --sj-h: 1250px;
  --dur-char: 100ms;          /* 상태 이미지 교차 (80~120ms) */
}