/* v4 팔레트 — 셸(헤더·푸터) · 블로그 · 문서가 함께 읽는 단일 원본.
   랜딩(index-v4.html)의 인라인 스타일은 아직 리터럴을 쓴다 — 색을 바꾸면 그쪽도 같이 본다.
   (랜딩 히어로·다크 앵커 같은 연출용 색은 여기 없다. 여기는 '어디서나 같아야 하는 색'만) */
:root {
    /* 브랜드 */
    --fp-blue: #1E4FE0;          /* 주 버튼 · 링크 · 강조 */
    --fp-blue-strong: #1A45C4;   /* hover */
    --fp-blue-soft: #EEF2FE;     /* 옅은 배경(뱃지·칩) */
    --fp-blue-line: #D8E2FB;     /* 강조 테두리 */

    /* 잉크 */
    --fp-ink: #111827;           /* 제목 */
    --fp-ink-body: #374151;      /* 본문 */
    --fp-ink-soft: #6B7280;      /* 보조 설명 */
    --fp-ink-muted: #9CA3AF;     /* 메타(날짜·조회수) */

    /* 면 */
    --fp-surface: #FFFFFF;
    --fp-surface-alt: #FAFBFD;   /* 밝은 섹션 교차 */
    --fp-line: #E5E7EB;
    --fp-line-soft: #F3F4F6;
    --fp-navy: #060A13;          /* 다크 앵커 */

    /* 그림자 · 반경 */
    --fp-shadow-card: 0 24px 50px -20px rgba(15, 23, 42, 0.14);
    --fp-shadow-card-hover: 0 28px 60px -22px rgba(30, 79, 224, 0.22);
    --fp-radius: 12px;
    --fp-radius-lg: 16px;
}