/* ==========================================================================
   SFA 테마 오버라이드 — 포털 디자인을 sfa(수준점검 시연 서버)와 통일
   ==========================================================================
   Offering DS(ds/colors_and_type.css)의 토큰을 sfa 팔레트로 덮어쓴다.
   · 배경: 웜 페이퍼(#FAFAF7) → 순백(#FFFFFF)
   · 잉크: 웜 그레이 스케일 → 뉴트럴 그레이 (sfa: ink #111 / muted #6B6B6B / subtle #9CA0A8)
   · 액센트: 와인(#8A1538) → LG 레드 (sfa: #D81F2A)
   · 라인: sfa --sfa-line #ECECEC / --sfa-hairline #F4F4F5
   로드 순서: ds/styles.css → portal.css → site.css → 이 파일 (마지막 승자)
   원본 참조: sfa/web/src/app/globals.css
   ========================================================================== */

:root {
  /* 캔버스 */
  --paper:        #FFFFFF;
  --paper-pure:   #FFFFFF;

  /* 잉크 스케일 (뉴트럴) */
  --ink-50:       #F4F4F5;   /* sfa hairline */
  --ink-100:      #ECECEC;   /* sfa line */
  --ink-200:      #D9D9DE;
  /* sfa 원값은 #9CA0A8 — 11~12px 메타 라벨에 쓰기엔 흰 바탕 대비 2.5:1 로 흐릿해
     한 단계 어둡게 조정(3.65:1). sfa 와의 편차는 이 줄이 유일하다 (적대 검사 #8). */
  --ink-300:      #82868E;
  --ink-400:      #6B6B6B;   /* sfa muted */
  --ink-500:      #333336;
  --ink-700:      #1A1A1A;
  --ink-900:      #111111;   /* sfa ink */

  /* 액센트 — LG 레드 */
  --accent:       #D81F2A;
  --accent-ink:   #C41922;   /* 밝은 바탕 위 텍스트 */
  --accent-deep:  #A61620;   /* 채움·호버 전용 */
  --accent-soft:  #FBE9EA;
  --accent-fg:    #FFFFFF;
  --accent-on-dark:     #F0767E;
  --accent-on-dark-ink: #F6AFB4;

  /* 그림자·라운드 — sfa 카드 감각 */
  --shadow-lg:  0 12px 32px rgba(17, 17, 17, 0.08), 0 4px 8px rgba(17, 17, 17, 0.04);
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
}

/* site.css 의 하드코딩 와인 틴트 보정 (액센트 소프트 계열 → 레드 틴트) */
.notice { border-color: #E4DAF2; }
.build-note { border-color: #F3C9CC; }
.sum.mod { border-color: #F3C9CC; }

/* portal.css 인버스 버튼 호버 (와인 하드코딩 → 딥 레드) */
.slide--inverse .btn-primary:hover { background: var(--accent-deep); }