/* ============================================
   페이지별 색 톤 — 홈 카드 색에 맞춘다
   <html data-tone="letter|brief|prophecy"> 로 고른다.
   (:root 보다 우선하므로 style.css · mobile.css · prophecy.css 뒤에 오지 않아도 된다)
   ============================================ */
html[data-tone="letter"] {
    --accent: #6b5ce7; --accent-hover: #5a4bd2; --accent-deep: #5a4bd2; --accent-2: #9d92ff;
    --accent-light: #ece9fd; --accent-soft: rgba(107, 92, 231, 0.10);
    --border-focus: #6b5ce7; --tag-bg: #efecfd; --tag-text: #5a4bd2;
}
html[data-tone="brief"] {
    --accent: #c2620a; --accent-hover: #a35207; --accent-deep: #a35207; --accent-2: #f0a04b;
    --accent-light: #fcefe1; --accent-soft: rgba(194, 98, 10, 0.10);
    --border-focus: #c2620a; --tag-bg: #fcefe1; --tag-text: #a35207;
}
html[data-tone="prophecy"] {
    --accent: #c0356b; --accent-hover: #a12a58; --accent-deep: #a12a58; --accent-2: #f07aa5;
    --accent-light: #fbe8f0; --accent-soft: rgba(192, 53, 107, 0.10);
    --border-focus: #c0356b; --tag-bg: #fbe8f0; --tag-text: #a12a58;
    /* 판정 결과 색: 적중=초록 · 빗나감=빨강 · 부분=노랑은 그대로 두되, 장미색 옆에 놓여도 어울리게 밝고 따뜻한 톤으로.
       (막대·점은 기본 색, 글자는 조금 진한 --*-text 를 쓴다. 색약 검사 통과, 모양 ✓ × – 와 함께 쓴다) */
    --correct: #2fa58a; --correct-soft: rgba(47, 165, 138, 0.13); --correct-text: #1d7a65;
    --wrong: #e8605a;   --wrong-soft: rgba(232, 96, 90, 0.12);    --wrong-text: #c4443e;
    --partial: #e6b13c; --partial-soft: rgba(230, 177, 60, 0.18); --partial-text: #96680f;
    --pending: #a3a3ad;
    --success: #2fa58a; --success-light: #e3f4ef;
}