/* =====================================================================
   theme-mafra.css — 중앙 계절근로 전문기관 브랜드 테마
   
   ⚠️ krds_tokens.css 원본을 수정하지 않는다. 이 파일을 뒤에 얹어 토큰만 덮어쓴다.
      그래야 KRDS 버전을 올려도 테마가 살아남는다. (CLAUDE.md §0)
   
   ⚠️ HEX 는 시안 이미지에서 읽은 추정값이다. 원본 시안 확보 시 이 파일만 교체한다.
   
   ⚠️ 명도대비 실측 (WCAG 2.x / KWCAG 필수) — scripts 로 계산한 값이다:
        남색 #1B2B4B + 흰 글자   14.06:1  ✅
        진남색 #121E36 + 흰 글자 16.60:1  ✅
        골드 #D9A441 + 흰 글자    2.25:1  ❌ AA(4.5) 는 물론 큰글씨(3.0) 도 미달
        골드 #D9A441 + 남색 글자  6.25:1  ✅
        흰 배경 + 골드 글자       2.25:1  ❌  → 골드를 텍스트 색으로 쓰지 말 것

      시안에는 골드 버튼 위에 흰 글자가 올라가 있으나 그대로 쓰면 접근성 위반이다.
      골드 배경에는 반드시 남색 글자를 쓴다 — 아래 --mafra-on-accent 가 그 규약이다.
   ===================================================================== */

:root {
	--mafra-primary:        #1B2B4B;  /* 남색 — 헤더/푸터 배경 */
	--mafra-primary-strong: #121E36;
	--mafra-accent:         #D9A441;  /* 골드 — 버튼/포인트 */
	--mafra-on-primary:     #FFFFFF;  /* 남색 위 글자 */
	--mafra-on-accent:      #1B2B4B;  /* 골드 위 글자 — 흰색 금지(명도대비 미달) */

	/* 시안 폭 (RPT-009 D1 · DES-005 §7.2): 캔버스 1920 / 콘텐츠 1380 / 서브 LNB 248 + 여백 64 + 콘텐츠 1068.
	   KRDS 기본 1200 을 토큰으로만 바꾼다 (krds_tokens.css 원본 무수정). 관리자단은 .inner 를 쓰지 않아 영향 없음. */
	--krds-contents-size:      1380px;
	--krds-contents-wrap-size: 1428px;   /* 1380 + 좌우 padding 24 */
	--mafra-lnb-width: 248px;
	--mafra-lnb-gap:   64px;
}

/* =====================================================================
   사용자단 셸 — KRDS 는 #krds-masthead / #krds-header / #krds-footer **ID 셀렉터**로만 정의한다 (RPT-007 §0).
   브랜드 오버라이드도 같은 셀렉터 위에 얹는다. 배경을 통째로 덮지 않고 토큰만 바꾼다. (WO-011 · TST-003)
   ⚠️ 이전의 .krds-header/.krds-footer 규칙은 KRDS 미적용을 가리던 대체 스타일이었다 — 되살리지 말 것.
   ===================================================================== */

/* 마스트헤드 — 진남색 띠 */
#krds-masthead { background: var(--mafra-primary-strong); }
#krds-masthead .nuri-txt { color: var(--mafra-on-primary); }

/* 헤더 — 흰 배경 유지, 하단 골드 라인, 로고·GNB 남색 */
#krds-header .header-in { border-bottom: 3px solid var(--mafra-accent); }
#krds-header .krds-main-menu .gnb-main-trigger { color: var(--mafra-primary); }
#krds-header .utility-list .login-name { color: var(--krds-light-color-text-subtle); }
#krds-header .utility-list .logout-form { display: inline; margin: 0; }

/* 로고 색 — 배경 끄기·타이포는 shell.css(사이트 중립). 여기는 색만 (이미지 확정 시 교체) */
#krds-header .header-branding .logo a { color: var(--mafra-primary); text-decoration: none; }
#krds-footer .f-logo .logo-text { color: var(--mafra-on-primary); }

/* 푸터 — 남색 배경, 텍스트 흰색(대비 14:1). KRDS 원 선택자 특이성(#id + 클래스 3)에 맞춰야 이긴다 (TST-003).
   .krds-identifier 는 흰 카드라 내부 텍스트는 기본색 유지. */
#krds-footer { background: var(--mafra-primary); }
#krds-footer .f-menu a,
#krds-footer .f-btm .f-btm-text .f-copy,
#krds-footer .f-btm .f-btm-text .f-notice,
#krds-footer .f-btm .f-btm-text .f-notice a,
/* f-info(주소·대표전화·팩스) — WO-016 에서 출력되기 시작. 기본색(검정)이 남색 위 저대비 (TST-016 결함 수정) */
#krds-footer .f-cnt .f-info,
#krds-footer .f-cnt .f-info .info-addr,
#krds-footer .f-cnt .f-info .info-cs li,
/* f-cs(이용안내·이메일·운영기관) — 17_footer_shell 에서 출력되기 시작. f-info 와 같은 이유로 색을 준다 */
#krds-footer .f-cnt .f-cs .info-tit,
#krds-footer .f-cnt .f-cs .info-conts,
#krds-footer .f-cnt .f-cs .info-conts strong,
#krds-footer .f-cnt .f-link .link-go .krds-btn.text { color: var(--mafra-on-primary); }
#krds-footer .f-menu a.point { color: var(--mafra-on-primary); font-weight: var(--krds-font-weight-bold); }
/* svg-icon 은 background-image 라 color 가 안 먹는다 → 남색 위에서 흰색으로 (DES-003 D7) */
#krds-footer .f-cnt .svg-icon { filter: brightness(0) invert(1); }

/* 골드 배경 버튼은 반드시 남색 글자 */
.krds-btn.accent {
	background: var(--mafra-accent);
	color: var(--mafra-on-accent);
	border-color: var(--mafra-accent);
}

/*
   골드는 배경/포인트로만 쓴다. 텍스트 색으로 쓰면 흰 배경 대비 2.25:1 로 미달한다.
   텍스트 강조가 필요하면 남색(--mafra-primary)을 쓴다.
*/
.txt-accent { color: var(--mafra-primary); }