/* === [D-1.5 Step 5 사전 적용 / from Phase 7-Y Step 4] Modern Refresh ===
 * 사용자 컬러 시스템 (charcoal/amber/beige + lime) 정합 적용 — 2026-04-29 D-1.5
 * 격리된 파일 — head.php의 <link> 한 줄 제거로 즉시 롤백 가능
 *
 * 변경 (D-1.5):
 *  - CTA gradient 인디고→cyan ⇒ amber→amber-dim (사용자 컬러 시스템)
 *  - rgba 인디고 알파 → amber 알파
 *  - body/footer/모달/카드 폰트 → var(--font-*) 토큰
 *  - 인라인 강제 폰트 [style*="font-size:Npx"] 셀렉터 제거 (sed로 var(--font-xs) 등 직접 변환 완료)
 */

@import url('_tokens.css');

/* ── 1. CTA 버튼: amber gradient + larger radius + glow ── */
.modal-goto, .g-cta {
  background: linear-gradient(135deg, var(--ac) 0%, var(--ac-dim) 100%) !important;
  color: var(--on-ac) !important;
  border-radius: 14px !important;
  padding: var(--space-4) !important;
  font-size: var(--font-md) !important;
  font-weight: var(--fw-bold) !important;
  box-shadow: var(--shadow-cta) !important;
  transition: var(--t-base) !important;
  letter-spacing: -0.2px !important;
}
.modal-goto:hover, .g-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-cta-hover) !important;
  opacity: 1 !important;
}

/* ── 2. Body base font ── */
body {
  font-size: var(--font-md) !important;
  line-height: var(--leading-normal) !important;
}

/* ── 3. 명시적 클래스 폰트 (가독성 ↑) ── */
.hdr-update, .hdr-date { font-size: var(--font-sm) !important; }
.lang-btn { font-size: var(--font-xs) !important; padding: 6px 12px !important; }
.mr-key { font-size: var(--font-sm) !important; }
.mr-val, .mr-price { font-size: var(--font-sm) !important; }
.mr-free { font-size: var(--font-sm) !important; font-weight: var(--fw-bold) !important; }

/* ── 4. 모달 제목 강화 ── */
.modal-title { font-size: var(--font-lg) !important; }

/* ── 5. 카드 desc 가독성 ── */
.hl-desc, .card-desc, .app-desc { font-size: var(--font-sm) !important; line-height: 1.55 !important; }

/* ── 6. Footer 폰트 ── */
footer { font-size: var(--font-sm) !important; }

/* ── 7. [D-3 Phase 2] 정적 반복 패턴 클래스화 (162회 인라인 → 11클래스) ── */
.t-ac          { color: var(--ac); }                                    /* 41회 (홈/가이드/admin 등) */
.t-mu          { color: var(--mu); }                                    /* 13회 (보조 텍스트) */
.bg-ac         { background: var(--ac); }                               /* 11회 (amber 배경) */
.mt-2          { margin-top: var(--space-2); }                          /* 18회 (8px) */
.mt-14         { margin-top: 14px; }                                    /* 13회 (비표준 의도값 14px) */
.box-info      { margin: var(--space-3) 0; padding: var(--space-3); background: var(--bg2); border-radius: 8px; }   /* 16회 (정보 박스) */
.clickable     { cursor: pointer; font-weight: var(--fw-semibold); }    /* 16회 (클릭 가능 표시) */
.admin-overlay { position: fixed; top: var(--space-2); right: var(--space-4); z-index: 9999; display: flex; gap: 6px; }  /* 13회 (관리자 fixed UI) */
.text-btn      { font-size: var(--font-sm); padding: var(--space-2) var(--space-4); }                                /* 10회 (텍스트 버튼) */
.subtitle-row  { color: var(--mu); font-size: var(--font-sm); padding: var(--space-4) 0; }                           /* 6회 (부제 줄) */
.tag-success   { background: rgba(132,204,22,.15); color: var(--green); border: 1px solid rgba(132,204,22,.25); }   /* 5회 (성공 라벨) */

/* ── 8. [D-9] 정적 인라인 추가 클래스화 (신설 11종 / ~195회 변환) ── */
/* B (텍스트/레이아웃) */
.d-none        { display: none; }                                                    /* 12회 */
.t-ht          { color: var(--ht); }                                                 /* 12회 (hint 텍스트) */
.t-green       { color: var(--green); }                                              /* 10회 */
.bg-green      { background: var(--green); }                                         /* 7회 */
.flex-1        { flex: 1; }                                                          /* 6회 */
.text-right    { text-align: right; }                                                /* 7회 (결합 .mt-14) */
.mt-1          { margin-top: 6px; }                                                  /* 24회 (비표준 6px 의도값) */
.mb-1          { margin-bottom: 6px; }                                               /* 6회 (비표준 6px 의도값) */
/* C (hard-coded 색상 → 토큰화) */
.bg-orange     { background: var(--orange); }                                        /* 9회 (--orange D-9 신설) */
.bg-cyan       { background: var(--cyan); }                                          /* 6회 (--cyan D-9 신설) */
.t-orange      { color: var(--orange); }                                             /* 6회 */

/* ── 9. [D-10] 인라인 잔존 추가 클래스화 (신설 9종 / ~40회 변환) ── */
/* A (의미적 결합 클래스) */
.subtitle-xs   { font-size: var(--font-xs); color: var(--mu); }                      /* 6회 (부제목) */
.hint-xs       { color: var(--ht); font-size: var(--font-xs); }                      /* 6회 (힌트 텍스트) */
/* B (브랜드 배경 색상 일괄 — 운영 정책 수렴) */
.bg-brand-software { background: var(--brand-software); }                            /* 6회 */
.bg-brand-itch     { background: var(--brand-itch); }                                /* 4회 */
.bg-brand-psplus   { background: var(--brand-psplus); }                              /* 4회 */
.bg-brand-steam    { background: var(--brand-steam); }                               /* 4회 */
.bg-brand-ios      { background: var(--brand-ios); }                                 /* 3회 */
.bg-brand-xbox     { background: var(--brand-xbox); }                                /* 3회 */
/* C (--mu 배경) */
.bg-mu         { background: var(--mu); }                                            /* 4회 */