/* Dokimi 색 토큰 한 벌 — 기본은 다크다(재빈 9/27 "사용자 테마가 라이트라도 기본은 다크가 디폴트이게, 다크가 더 예뻐 보여서").
   브라우저 설정(prefers-color-scheme)은 따르지 않는다. 11/06 부터 사이트 전체 다크 고정(재빈 "버튼 빼고 사이트 전체를 다크로 고정") —
   전환 단추(D-106)는 화면에서 뺐고 기억한 라이트도 따르지 않는다. 아래 라이트 규칙(<html data-theme='light'>)은 지우지 않고 둔다.
   라이트 = 앱 라이트 모드(순백 바탕, D-46 먹 · 로즈), 다크 = 앱 다크 모드(D-104 dokimi.siteDark.colors).
   정본은 디자인 layout.json dokimi.webTokens(glimi-apple bc992cd). dokimi.me 사이트가 쓰고, 웹 플레이(play.css)는 같은 값을 옮겨 쓴다.
   색을 바꿀 때는 여기 한 곳만 고친다.
   하단(.dk-footer)은 확정 판(재빈 10/9 pub02)부터 본문과 같은 판 — 옛 '반대 판'(재빈 9/27)은 지난 결정. */
:root, :root[data-theme='dark'] {
  color-scheme: dark;
  --tk-bg: #121214;
  --tk-card: #1C1C20;       /* 확정 판 다크(pub02 SITE-SPEC, 재빈 10/9) */
  --tk-line: rgba(255, 255, 255, .09);
  --tk-chip: #26262B;
  --tk-ink: #F2F2F4;
  --tk-ink2: #C4C4CC;
  --tk-faint: #8A8A93;
  --tk-rose: #F87FB9;       /* D-246 강조 md(재빈 10/9) */
  --tk-on-rose: #2A0A1A;
  --tk-rose-soft: #3A1428;
  --tk-rose-ink: #F87FB9;
  --tk-talk: #232327;
  --tk-dot2: #B86D8F;
  --tk-dot3: #6E4A5C;
  --tk-star-off: #2C2C31;
  --tk-danger: #FF6B6F;
  --tk-on-danger: #2A0A0B;
  --tk-scrim: rgba(18, 18, 20, .55);
  --tk-shadow: rgba(0, 0, 0, .55);
}
:root[data-theme='light'] {
  color-scheme: light;
  --tk-bg: #FFFFFF;         /* 바탕 */
  --tk-card: #FFFFFF;       /* 카드(선으로 가른다) */
  --tk-line: #E5E7EB;       /* 선 */
  --tk-chip: #F4F4F5;       /* 칩 면 */
  --tk-ink: #14161A;        /* 글 */
  --tk-ink2: #4A4E57;       /* 둘째 글 */
  --tk-faint: #6B6F78;      /* 흐린 글 — 흰 바탕 5.0:1(옛 #8A8E98 3.3:1 미달, 디자인 2 · 매니저 10/4 모든 폭) */
  --tk-rose: #C52466;       /* 로즈(D-246 강조 md — 흰 글 얹기 5.50, 흰 바탕 글 5.50) */
  --tk-on-rose: #FFFFFF;    /* 로즈 위 글 */
  --tk-rose-soft: #FDEBF2;  /* 로즈 옅은 면 */
  --tk-rose-ink: #8E1A4F;   /* 옅은 면 위 로즈 글 */
  --tk-talk: #FFFFFF;       /* 말 칩 면 */
  --tk-dot2: #D8A2B8;       /* 말 칩 둘째 · 셋째 점 */
  --tk-dot3: #ECD0DC;
  --tk-star-off: #E5E7EB;   /* 난이도 빈 별(앱과 같다) */
  --tk-danger: #E5484D;
  --tk-on-danger: #FFFFFF;
  --tk-scrim: rgba(255, 255, 255, .72);   /* 그림 위 뒤로 원 */
  --tk-shadow: rgba(20, 22, 26, .16);
}
/* 다크 ≤599 회색 한 단 밝게(디자인 2 site-mobile-type — SUIT 450 에서도 또렷하게, 바탕 #121214 기준 ink2 11.6:1 · faint 7.5:1) */
@media (max-width: 599px) {
  :root, :root[data-theme='dark'] { --tk-ink2: #CBCBD2; --tk-faint: #A3A3AB; }
}
/* 폰 글자 단계 토큰(디자인 2 site-mobile-type 3단계 730fcd13 — 관리 · 스튜디오와 같은 이름 · 값). ≤599 덩어리(dokimi.css · cover.css)에서 쓴다. 경계 599 — 사파리 페이지 확대 85% 등으로 css 폭이 480 을 넘는 폰도 덮음(디자인 2 site-pcard-zoom 060deaf0, 재빈 10/5) */
@media (max-width: 599px) {
  :root { --tk-fs-display: 36px; --tk-fs-title: 30px; --tk-fs-h: 19px; --tk-fs-body: 18px; --tk-fs-read: 17px; --tk-fs-sec: 16px; --tk-fs-meta: 15px; }
}