/* Dokimi 색 토큰 한 벌 — 기본은 다크다(재빈 9/27 "사용자 테마가 라이트라도 기본은 다크가 디폴트이게, 다크가 더 예뻐 보여서"). 브라우저 설정(prefers-color-scheme)은 따르지 않는다. 머리의 전환 단추(D-106)로 라이트를 고르면 가 이긴다(기억은 localStorage 'dk-theme' — 첫 그림 전 적용은 _theme_head.html). 다크를 다시 고르면 기억을 지워 기본으로 돌아간다. 라이트 = 앱 라이트 모드(순백 바탕, D-46 먹 · 로즈), 다크 = 앱 다크 모드(D-104 dokimi.siteDark.colors). 정본은 디자인 layout.json dokimi.webTokens(glimi-apple bc992cd). dokimi.me 사이트가 쓰고, 웹 플레이(play.css)는 같은 값을 옮겨 쓴다. 색을 바꿀 때는 여기 한 곳만 고친다. 하단(.dk-footer)은 본문과 반대 판이다(재빈 9/27, 디자인 layout dokimi.webTokens.footer) — 다크 본문(기본)이면 라이트 값, 라이트 본문이면 다크 값. 두 블록의 선택자에 하단을 얹었다. */ :root, :root[data-theme='dark'], :root[data-theme='light'] .dk-footer { color-scheme: dark; --tk-bg: #121214; --tk-card: #1A1A1D; --tk-line: #2C2C31; --tk-chip: #232327; --tk-ink: #F4F4F6; --tk-ink2: #B8B8C0; --tk-faint: #8E8E96; --tk-rose: #F08FBA; --tk-on-rose: #2A0A1A; --tk-rose-soft: #3A1826; --tk-rose-ink: #F08FBA; --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'], :root:not([data-theme='light']) .dk-footer { color-scheme: light; --tk-bg: #FFFFFF; /* 바탕 */ --tk-card: #FFFFFF; /* 카드(선으로 가른다) */ --tk-line: #E5E7EB; /* 선 */ --tk-chip: #F4F4F5; /* 칩 면 */ --tk-ink: #14161A; /* 글 */ --tk-ink2: #4A4E57; /* 둘째 글 */ --tk-faint: #8A8E98; /* 흐린 글 */ --tk-rose: #C2336D; /* 로즈 */ --tk-on-rose: #FFFFFF; /* 로즈 위 글 */ --tk-rose-soft: #FDEEF2; /* 로즈 옅은 면 */ --tk-rose-ink: #6E1F45; /* 옅은 면 위 로즈 글 */ --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); }