/* ══════════════════════════════════════════════════════════════════════
   마추 색 체계 — 단 하나의 정본 (2026-09-29)
   ══════════════════════════════════════════════════════════════════════
   대표 지시: "전부 색상 통일하고 어울리게, 주색상코드 부색상코드 등 정해서".

   그동안 같은 뜻에 서로 다른 값이 네 벌 있었다.
     · jt2.css(공용 셸)   주색 #22A45D · 링크 #17794A · 바탕 #F2F5FA(푸른 회색)
     · greenz-v4.css(모바일) 주색 #0E7C4C · 바탕 #F4F6F7(중립 회색)
     · _pc.php(PC 메인)   주색 #22A45D · 라임 CTA #D7EE55 · 바탕 #F4F7F5
     · v2au.css(로그인·가입) 주색 #2563EB — 혼자 파란색
   가장 다듬어진 모바일 v4 체계를 정본으로 올리고, 나머지는 전부 여기를 바라보게 한다.
   → 앞으로 색을 바꾸려면 **이 파일 한 장만** 고치면 된다.

   ⚠ 이 파일은 값만 정한다. 규칙(어디에 쓰는지)은 각 파일이 그대로 가진다.
   ⚠ jt2.css 보다 먼저 실린다 (lib/jtm.ui.lib.php 의 $links).
*/
:root {

  /* ── 주색 · 마추 그린 ───────────────────────────────────────────
     브랜드 · 확정 · 적중 · 주 버튼. '초록은 뜻이 있을 때만' 이 원칙이다. */
  --mc-primary:        #0E7C4C;   /* 기본 채움 — 흰 글자 대비 5.2:1 */
  --mc-primary-600:    #12945B;   /* 한 단계 밝게 — 호버 · 막대 */
  --mc-primary-300:    #22A45D;   /* 더 밝게 — 보조 채움 · 작은 배지 */
  --mc-primary-800:    #0B5E3A;   /* 짙게 — 눌림 · BEST 강조 */
  --mc-primary-bright: #3FC482;   /* 어두운 바탕 위 강조(밑줄 · 아이콘) */
  --mc-primary-tx:     #17794A;   /* 연한 바탕 위 작은 초록 글자 */
  --mc-primary-tint:   #EDF7F1;   /* 연한 초록 배경 */
  --mc-primary-tint-2: #F4FBF7;   /* 더 연한 배경 */
  --mc-primary-tint-bd:#CDE9D9;   /* 연한 초록 테두리 */

  /* 히어로 · 헤더 같은 짙은 초록 바탕 3단 */
  --mc-deep-900:       #062A1C;
  --mc-deep-800:       #0B3D2A;   /* PC 헤더 바 */
  --mc-deep-700:       #12694A;

  /* ── 부색 · 데이터 블루 ────────────────────────────────────────
     분석 · 통계 · 정보처럼 '값을 읽는' 자리에만. 행동 버튼에는 쓰지 않는다. */
  --mc-info:      #2F5FD0;
  --mc-info-tint: #EDF2FD;
  --mc-info-tx:   #23499F;

  /* ── 보조 · 보상 앰버 ──────────────────────────────────────────
     포인트 · 이용권 · 프리미엄 */
  --mc-warm:      #C9821C;
  --mc-warm-tint: #FFF5E4;
  --mc-warm-tx:   #8A5A10;

  /* ── 보조 · 임박/미적중 ───────────────────────────────────────── */
  --mc-hot:       #C2553F;
  --mc-hot-tint:  #FCEEEB;
  --mc-hot-tx:    #9B3E2B;
  --mc-live:      #D62B2B;   /* 실시간 배지 하나만 — 더 세게 */

  /* ── 중립 ─────────────────────────────────────────────────────── */
  --mc-slate:      #4A5560;
  --mc-slate-tint: #EFF1F3;
  --mc-navy:       #0F1B2D;   /* 속보 티커 · 월렛 헤더 */
  --mc-navy-tx:    #DCE5F2;
  --mc-navy-mut:   #7E8DA5;

  /* ── 바탕 · 선 · 글자 ─────────────────────────────────────────── */
  --mc-bg:       #F4F6F7;    /* 페이지 바닥 — 초록기를 뺀 중립 회색 */
  --mc-card:     #FFFFFF;
  --mc-inset:    #F6F8F7;    /* 카드 속 타일 */
  --mc-inset-bd: #EDF1EF;
  --mc-line:     #E4E8EA;    /* 카드 테두리 */
  --mc-line-2:   #EFF1F3;    /* 표 행 구분선 */
  --mc-dash:     #CBD6D1;    /* 점선 안내 박스 */
  --mc-bar-soft: #CBD6D1;    /* 미강조 막대 */

  --mc-ink:     #16212B;     /* 본문 */
  --mc-sub:     #5C6873;     /* 보조 글자 */
  --mc-faint:   #98A2AC;     /* 흐린 글자 */
  --mc-faint-2: #B6BFC7;     /* 더 흐린 */

  /* 자주 쓰는 반투명 — 그림자·호버 */
  --mc-primary-a08: rgba(14,124,76,.08);
  --mc-primary-a25: rgba(14,124,76,.25);
}
