/* =========================================================
   placementor 공용 디자인 토큰 — 단일 소스 (tokens.css)
   값 수정은 이 파일에서만. 화면 파일(index/self-check) 하드코딩 금지.
   구조: 색 → 텍스트 3단 → 타이포 슬롯 → 간격(4배수) → radius 3단 → 그림자
   ========================================================= */
:root{
  /* 배경/서피스 */
  --bg:#0a0e12;
  --bg2:#0f161c;
  --card:#121b22;

  /* 선 */
  --line:#1e2a33;
  --line2:#2a3a45;

  /* 브랜드/강조 */
  --mint:#1CA9E1;
  --mint-d:#15799f;
  --gold:#F2A33C;
  --gold-d:#9c6b22;
  --red:#ff5b6e;

  /* 텍스트 3단 위계 */
  --ink:#f2f6f9;
  --ink-2:#cdd9e2;
  --ink-3:#9fb1bd;

  /* 타이포 슬롯 — 숫자 주인공 전용 (가격·실적 수치) */
  --amount-size:clamp(22px,3.6vw,30px);
  --amount-weight:900;

  /* 간격 4배수 8단계 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;

  /* radius 3단 */
  --r-card:18px;
  --r-inner:12px;
  --r-pill:999px;
  --r:var(--r-card); /* 하위호환 별칭 */

  /* 그림자 — 버튼은 감량 스펙, 글로우는 인기 카드 전용 */
  --shadow-btn-mint:0 6px 16px rgba(28,169,225,.14);
  --shadow-btn-gold:0 6px 14px rgba(242,163,60,.12);
  --shadow-btn-kakao:0 6px 14px rgba(254,229,0,.14);
  --shadow-glow:0 0 40px rgba(28,169,225,.08);

  /* 레이아웃 */
  --maxw:1180px;

  /* self-check 페이지 별칭 (동일 값 단일 소스) */
  --card-line:var(--line);
  --mint-dim:var(--mint-d);
  --gold-dim:var(--gold-d);
  --text:var(--ink);
  --text-dim:var(--ink-3);
  --x-red:var(--red);
  --shadow:0 20px 60px rgba(0,0,0,.5);
}