/* 2026-11-02 12:46 대표님 확정: 글자 색 통일 — 강조 #3D5A38 하나, 본문 #16201E, 보조 #5F6964 하나, 비활성만 #9AA39C.
   데모 말풍선(#111)·버튼 흰 글자는 그대로. 앞으로 새 글자 색은 이 4개 토큰만 쓴다 (AGENTS.md 「글자 색 고정」). */
@layer daytoyear-color{
:root{--dt-ink:#16201E;--dt-ink-2:#5F6964;--dt-ink-off:#9AA39C;--dt-accent:#3D5A38}
/* 강조: 시작 섹션 카드 제목 (#283E29 → 메인 초록) */
html body .answer-card h3,html body .answer-card h3 *,html body .original-reader-copy h3,html body .original-reader-copy h3 *{color:var(--dt-accent)!important}
/* 강조: 보안 접근 기록 시간·허용 (#63705E → 메인 초록) */
html body .sv-row .sv-date,html body .sv-row .sv-lab{color:var(--dt-accent)!important}
html body .sv-row.sv-off .sv-date,html body .sv-row.sv-off .sv-lab{color:var(--dt-ink-off)!important}
/* FAQ 질문은 강조가 아님 → 본문 검정 (#53654A → #16201E) */
html body details.data-promise > summary,html body details.data-promise > summary span:not(strong *){color:var(--dt-ink)!important}
/* 보조 회색 하나로 (#59635F·#4A5552·#666E6A·#626D66·#5F6B63 → #5F6964) */
html body .card-answer,html body .card-answer > span.nw,html body .card-answer > span:not([class]),
html body details.data-promise > p,html body details.data-promise > p > span.nw,html body details.data-promise > p > span:not([class]),
html body .connect-copy,html body .connect-copy > span.nw,html body .connect-copy > span:not([class]),
html body .s6-copy p,html body .s6-copy p > span.nw,html body .s6-copy p > span:not([class]),
html body .s6-scene .s6-pain,
html body button.s6-scene:not([aria-selected="true"]):not(:hover):not(:focus-visible) strong,
html body .va-k,html body .va-no .sv-pill,
html body .security-head p,html body .security-head p > span.nw,html body .security-head p > span:not([class]),
html body section.card > div > p,
html body .footer-brand-text p,html body .footer-links a,
html body .experience-intro p,html body .experience-intro p > span.nw,html body .experience-intro p > span:not([class]),
html body .problem-copy,html body .problem-copy > span.nw,html body .problem-copy > span:not([class]),
html body .demo-example-note,html body .hero-note{color:var(--dt-ink-2)!important}
/* 비활성 (#90998E → #9AA39C) */
html body .sv-ast{color:var(--dt-ink-off)!important}
}
/* 2026-11-02 같이 정리: 휴대폰 사용 방법 탭 높이 통일 — 선택된 첫 탭만 40px였음 → 모두 44px(최소 터치 크기) */
@layer daytoyear-color{html body button.s6-scene{min-height:44px}}
/* 2026-11-02 로고 DAYtoYEAR 붙여 쓰기 — a.mark가 flex gap 10px이라 "DAY  to  YEAR"로 띄어져 보였음 → 글자 사이 간격 0, 심볼 뒤만 10px */
@layer daytoyear-color{html body a.mark{gap:0!important}html body a.mark>svg{margin-right:10px}}
/* 2026-11-02 13:15 대표님 "ㅇㅇ 그렇게 해줘": 버튼 밑 "종목 추천은 하지 않아요"가 0px로 붙어 있던 버그 → 20px 띄움, 색은 보조 회색 유지 (Granola 버튼 밑 보조 문구 방식, 09편 Haney 같은 묶음은 가깝게·붙지 않게) */
@layer daytoyear-color{html body .hero-note{margin-top:20px!important}}
/* 2026-11-02 13:27 대표님 "같은 줄인데 색이 다른 이유": 굵은 글씨(strong) 안의 줄바꿈 묶음(span.nw)까지 회색이 됐던 문제 → 문단 바로 아래 묶음만 회색 */