@charset "utf-8";

/* ============================================================================
   P&F bio 브랜드 토큰
   과거와미래(Past and Future) CI 에서 추출한 색을 단일 출처로 정의한다.
   로고 원본색은 딥그린 #056839 와 골드 #FFCB08 두 가지뿐이며,
   나머지 단계는 이 두 색에서 파생시킨 값이다.
   ========================================================================== */

:root {
    /* --- 로고 원본색 ------------------------------------------------------ */
    --pnf-green: #056839;   /* CI 문자 · 밀 이삭 심볼 */
    --pnf-gold:  #FFCB08;   /* CI 배지 배경 */

    /* --- 그린 계열 -------------------------------------------------------- */
    --pnf-green-900: #02361D;   /* 푸터 · 다크 섹션 배경 */
    --pnf-green-800: #04512C;   /* hover · press */
    --pnf-green-700: #056839;   /* = --pnf-green, 기본 브랜드색 */
    --pnf-green-600: #0A7E47;
    --pnf-green-500: #2E9A64;
    --pnf-green-300: #8AB9A3;
    --pnf-green-100: #DEEBE5;
    --pnf-green-050: #F2F7F4;   /* 섹션 교차 배경 */

    /* --- 골드 계열 -------------------------------------------------------- */
    --pnf-gold-600: #D9A800;    /* 골드 위 텍스트가 필요할 때의 진한 단계 */
    --pnf-gold-500: #FFCB08;    /* = --pnf-gold, 강조 면색 */
    --pnf-gold-300: #FFD845;
    --pnf-gold-100: #FFF1C2;

    /* --- 중성색 ----------------------------------------------------------- */
    --pnf-ink:      #14231B;    /* 본문 텍스트. 그린 기운이 도는 먹색 */
    --pnf-ink-sub:  #4A5A51;    /* 보조 텍스트 */
    --pnf-line:     #DCE5E0;    /* 구분선 · 카드 테두리 */
    --pnf-bg-soft:  #F4F7F5;

    /* --- 역할 토큰 -------------------------------------------------------- */
    --pnf-brand:        var(--pnf-green-700);
    --pnf-brand-hover:  var(--pnf-green-800);
    --pnf-accent:       var(--pnf-gold-500);
    --pnf-on-brand:     #FFFFFF;
    --pnf-on-accent:    var(--pnf-ink);
}

/* ----------------------------------------------------------------------------
   색 사용 규칙 (접근성)

   - --pnf-green (#056839) 은 흰 배경 대비 7.08:1 로 본문 텍스트까지 사용 가능.
   - --pnf-gold  (#FFCB08) 은 흰 배경 대비 1.51:1 로 텍스트에 절대 쓰지 않는다.
     골드는 면(배경)·아이콘·언더라인 같은 강조 요소로만 쓰고,
     골드 위 텍스트는 --pnf-ink 를 얹는다.
   - 그린 배경 위 골드는 4.68:1 이므로 큰 글자와 UI 요소에 한해 허용한다.
   -------------------------------------------------------------------------- */

.pnf-brand-text { color: var(--pnf-brand); }
.pnf-accent-text { color: var(--pnf-gold-600); } /* 흰 배경용 골드 대체색 */

.pnf-brand-bg { background: var(--pnf-brand); color: var(--pnf-on-brand); }
.pnf-accent-bg { background: var(--pnf-accent); color: var(--pnf-on-accent); }
.pnf-soft-bg { background: var(--pnf-bg-soft); }
.pnf-deep-bg { background: var(--pnf-green-900); color: #fff; }