@charset "UTF-8"; /* ════════════════════════════════════════════════════════════════════ 정윤의 추천노트 - Tistory Odyssey Custom Skin ════════════════════════════════════════════════════════════════════ 원칙 - !important 절대 사용 안 함 (specificity 로만 처리) - 모든 값은 CSS 변수 (:root) 사용 - 하드코딩 금지 - 변수는 :root 한 곳에 모두 정의 ──────────────────────────────────────────────────────────────────── Stage 1 - 변수 시스템 + 리셋 + 헤더 + 메인화면 + 푸터 + 모바일 기본 Stage 2 - 카테고리/검색/태그/아카이브 카드형 글 목록 Stage 3 - 본문 view (article-card, TOC, 추천 읽기 순서, 인기글 등) Stage 4 - 모바일 미세 보정, 본문 콘텐츠 박스 (제휴 안내, 핵심 요약 등) ════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════ 1. 변수 시스템 - 모든 디자인 토큰을 한 곳에 정의 ════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════ 📚 토큰 박물관 — style.css 의 토큰 정의는 HTML 인라인 으로 이전됨 ────────────────────────────────────────────────────────────────── ▣ 실제 작동 정의: index.html 의 안