/* =====================================================================
   디자인 토큰 — P2 맞춤법 탐정단
   컬러는 2026 한글주간 대표그림(디자인/01_키비주얼) 픽셀 실측 (2026-09-18):
     레드 #E43C30 · 블루 #0C489C · 스카이 #5490C0 · 옐로 #FCC048 · 핑크 #F0606C · 실버 바탕 #E7E8E9~#F1F2F3
   ⚠ 9/22 디자인 시안 확정 후 이 파일만 교체한다. 모든 px 는 1920×1080 스테이지 기준.
   의미 규칙: 정답·수정 = 블루, 오답·감점 = 레드, 찾은 표현 형광펜 = 옐로.
   ===================================================================== */

:root {
  /* ── 바탕 (키비주얼 실버 천) ── */
  --c-bg:       #ECEEF0;
  --c-bg-2:     #D9DCE0;
  --c-card:     #FFFFFF;
  --c-line:     #CDD1D6;

  /* ── 글자 ── */
  --c-ink:      #1B1D22;
  --c-ink-2:    #454A53;
  --c-dim:      #7B818B;

  /* ── 브랜드 (키비주얼 실측) ── */
  --c-red:      #E43C30;
  --c-red-soft: #F0606C;
  --c-blue:     #0C489C;
  --c-sky:      #5490C0;
  --c-yellow:   #FCC048;
  --c-pink:     #F084A8;

  /* ── 의미 ── */
  --c-right:    var(--c-blue);     /* 올바른 표현 · 정답 */
  --c-wrong:    var(--c-red);      /* 틀린 표현 · 오답 · 감점 */
  --c-hl:       #FFD75E;           /* 찾은 표현 형광펜 */
  --c-hl-ink:   #0A3A80;           /* 형광펜 위 글자 */

  /* ── 난이도 색 (씨앗 → 새싹 → 나무: 밝은 노랑에서 깊은 파랑으로 자란다) ── */
  --c-seed:     #F4AE1A;
  --c-sprout:   #3F86C6;
  --c-tree:     #0C489C;

  /* ── 공통 치수 ── */
  --stage-w: 1920px;
  --stage-h: 1080px;
  --r-card: 28px;
  --r-pill: 999px;
  --shadow-card: 0 18px 40px rgba(20, 30, 50, .12), 0 2px 6px rgba(20, 30, 50, .08);
  --shadow-pop:  0 24px 60px rgba(20, 30, 50, .22), 0 4px 12px rgba(20, 30, 50, .12);
}