/* c2mplayon 디자인 토큰 — 신규 디자인(v2) 페이지들이 공유하는 값.
 *
 * 새로 발명한 값이 하나도 없다. learningList_v2.css · level_list_v2.css · dtest_v2.css 가
 * **같은 :root 블록을 각자 복사해서** 쓰고 있었고, 레이아웃 골격도 글자 단위로 같았다.
 * 이 파일은 그 중복에 이름을 붙여 한 곳에 모은 것이다. 값의 정본은 여전히 Figma 이며,
 * 세 파일에서 실측했다.
 *
 * ⚠ 담는 것: 토큰(색·여백·라운드·그림자·타이포)뿐이다.
 *    담지 않는 것: 모든 컴포넌트를 커버하는 클래스 라이브러리. 페이지 몇 개 쓰자고 만들면
 *    KR/global.css 의 전철을 밟는다 — 거긴 토큰이 있는데 쓰는 페이지가 1개뿐이다.
 *    (global.css 와 이 파일은 무관하다. 그쪽은 rem 62.5% 기반 옛 시스템이고 * 셀렉터로
 *     font-family 를 !important 로 덮으므로 같이 로드하지 말 것.)
 *
 * ⚠ 기존 페이지를 다시 쓰지 않는다. 신규 페이지가 이 파일을 쓰고, 기존 파일은 어차피
 *    건드리는 자리에서만 점진적으로 갈아탄다. 한꺼번에 바꾸면 회귀를 눈으로 확인할 수 없다.
 *
 * 폰트는 별도다 — assets/css/font_css.css 를 먼저 로드해야 한다(로컬 Pretendard·HGAlmond).
 */

:root {
  /* ── 텍스트 ────────────────────────────────────────────────── */
  --c-text:     #111;      /* 제목·본문 */
  --c-gray:     #505050;   /* 부제·설명 */
  --c-gray2:    #767676;   /* 보조 라벨 */
  --c-disabled: #999;      /* 비활성 */

  /* ── 면·선 ────────────────────────────────────────────────── */
  --c-white: #fff;         /* 카드 */
  --c-line:  #E5E5EC;      /* 경계선 */
  --c-line2: #F1F1F5;      /* 연한 구분 */
  --c-light: #F7F7FB;      /* 연한 배경 면 */

  /* ── 강조 ─────────────────────────────────────────────────── */
  --c-yellow:  #FFBF2C;    /* 활성 탭 (dtest_v2) */
  --c-yellow2: #FFAA00;


  /* 순위 메달 — **색의 정본**. 명예의 전당 시상대와 마이페이지 왕관이 이걸 쓴다.
     도형과 「모수 2 이상」 규칙은 assets/js/rank_crown.js 가 갖는다.
     예외는 CM_learning_styles.css 하나뿐이다 — 학습 리포트(A4 인쇄물)가 이 파일을 안 읽는다.
     그 외 어디에도 값을 적지 말 것. 같은 학생의 같은 등수가 화면마다 다른 색이면 안 된다. */
  --medal-1: #c99700;   /* 금 */
  --medal-2: #8c96a3;   /* 은 */
  --medal-3: #b07348;   /* 동 */
  /* ── 페이지 색조 ──────────────────────────────────────────────
   * 페이지마다 다른 파스텔 배경이 이 시스템의 정체성이다. 여기 모아 두면
   * 새 페이지를 만들 때 인접 페이지와 겹치는지 한눈에 보인다.
   *   진단테스트  linear-gradient(176deg,#E2D6F5 3%,#E5F0FD 106%)
   *   레벨테스트  블루 그라데이션 + 민트 오버레이 2겹
   *   홈          흰색
   * 공통 규칙: background-attachment:fixed; min-height:100vh */
  --c-bg-learn: #DFEFF2;   /* 코어연산 학습 */
  --c-bg-king:  #CFE9E6;   /* 연산왕 — 학습과 같은 가족이되 한 단계 진하다 */

  /* ── 여백 — 4px 기반. 세 v2 파일의 실사용 빈도에서 뽑았다 ──── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* ── 라운드 ───────────────────────────────────────────────── */
  --r-sm:      12px;
  --r-card:    24px;
  --r-card-lg: 36px;
  --r-hero:    40px;
  --r-pill:    999px;

  /* ── 그림자 ───────────────────────────────────────────────────
   * 세 파일에 7종이 흩어져 있어 체계가 없다. 카드 역할로 실제 쓰이는 둘만 이름을 준다 —
   * 나머지를 전부 토큰화하면 체계가 아니라 목록이 된다. */
  --sh-card: 0 8px 30px rgba(31,42,68,.06);
  --sh-item: 0 6px 20px rgba(31,42,68,.06);

  /* ── 레이아웃 ─────────────────────────────────────────────── */
  --page-w: 1380px;        /* 본문 폭. max-width:calc(100% - 40px) 와 함께 쓴다 */

  /* ── 게임 액센트 (연산왕 iframe 전용) ─────────────────────────
   * 정답·오답·콤보 피드백의 **의미색**이라 위 팔레트에 섞지 않는다. 통일하면 게임이 죽는다.
   * 페이지 쪽에서는 게임과의 연결을 보여줄 때만 최소한으로 쓴다. */
  --fx-brand:   #006761;   /* 연산왕 틸 */
  --fx-correct: #76f0e7;   /* 민트 */
  --fx-warn:    #ffc78e;   /* 살구 */
  --fx-wrong:   #9c3854;   /* 와인 */
}