/* warm-tone-v1.css — 사이트 전체 따뜻한 페이퍼 톤 통일 (v1, 2026-04-30)
   사용자 영구 지시: "홈페이지 너무 밝을 필요 없다. 따뜻함이 느껴지게. 노란색 쓰지마."

   팔레트:
   --paper      페이지 배경      #f7f3ec
   --paper-2    섹션 배경        #efe7d6
   --paper-3    카드 배경        #fdfaf3
   --ink        본문 텍스트      #2a241c
   --ink-2      보조 텍스트      #6b6155
   --line       구분선          #d8cdb8
   --copper     강조선·포인트    #a4541a
   --copper-d   진한 카퍼        #7a4317
   --bronze     보조 포인트      #6e5a3e
   --sage       부드러운 강조    #8a9a7a
   --rose       경고·안내        #c89b7e
*/

:root{
  --paper: #f7f3ec;
  --paper-2: #efe7d6;
  --paper-3: #fdfaf3;
  --ink: #2a241c;
  --ink-2: #6b6155;
  --line: #d8cdb8;
  --copper: #a4541a;
  --copper-d: #7a4317;
  --bronze: #6e5a3e;
  --sage: #8a9a7a;
  --rose: #c89b7e;
  /* 코발트 변수는 기존 호환만 유지 (사용 자제) */
  --c-cobalt: #a4541a;
  --c-cobalt-deep: #7a4317;
  --c-cobalt-soft: #6e5a3e;
  --c-cobalt-bg: #efe7d6;
  --c-cobalt-tint: rgba(164, 84, 26, .08);
  --c-cobalt-line: #d8cdb8;
  /* v3 호환 변수 갱신 */
  --c-bg: var(--paper);
  --c-line: var(--line);
  --c-line2: #c4b88f;
  --c-mute: var(--ink-2);
  --c-copper: var(--copper);
}

/* 전역 배경·텍스트 — 너무 밝지 않게 */
html, body{
  background: var(--paper);
  color: var(--ink);
}

/* 메인 헤더(masthead)도 페이퍼 톤 */
.masthead{
  background: var(--paper);
}

/* 섹션 카드·박스가 흰색이면 모두 cream 톤으로 */
.iden-form,
.iden-result__detail,
.ai-coach,
.iden-next__card{
  background: var(--paper-3) !important;
}

/* 회색 톤 배경(여러 곳) → oat */
.iden-domains,
.iden-form__input{
  background: var(--paper) !important;
}
.iden-form__input:focus{
  background: var(--paper-3) !important;
  border-color: var(--copper) !important;
}

/* 결과 카드 main 결 — 검은 배경을 따뜻한 짙은 잉크로 */
.iden-result__main{
  background:linear-gradient(135deg,#a4541a 0%,#7a4317 100%)!important;
}

/* 도메인 칩 */
.iden-domain{
  background: var(--paper-2) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}
.iden-domain:hover{
  border-color: var(--copper) !important;
  color: var(--copper) !important;
}
.iden-domain.active{
  background: var(--copper) !important;
  border-color: var(--copper) !important;
  color: #fff !important;
}

/* 폼 버튼 */
.iden-form__btn .btn--primary,
.btn--primary{
  background: var(--copper) !important;
}
.iden-form__btn .btn--primary:hover,
.btn--primary:hover{
  background: var(--copper-d) !important;
}

/* 진행 막대 — 노랑 → 카퍼 그라디언트 */
.iden-progress__seg.is-on{
  background: linear-gradient(90deg, var(--copper), var(--copper-d)) !important;
}
.iden-progress__seg.is-on--3{
  background: linear-gradient(90deg, var(--copper), var(--copper-d), var(--rose)) !important;
}
.iden-progress__txt.is-full{
  color: var(--copper) !important;
}

/* 코어 hero (보라 그라디언트 → 따뜻한 카퍼·브론즈 그라디언트) */
.iden-core__hero{
  background: linear-gradient(135deg, #6e5a3e 0%, #8a6f3a 100%) !important;
}

/* AI 코치 카드 상단 가는 줄 */
.ai-coach::before{
  background: linear-gradient(90deg, var(--copper), var(--rose)) !important;
}
.ai-coach__cta{
  background: var(--copper) !important;
  color: #fdfaf3 !important;
}
.ai-coach__cta:hover{
  background: var(--copper-d) !important;
}

/* 다음 동선 카드 호버 */
.iden-next__card:hover{
  border-color: var(--copper) !important;
  box-shadow: 0 12px 28px rgba(164,84,26,.12) !important;
}
.iden-next__card:hover .arrow{
  color: var(--copper) !important;
}

/* footer 미니 */
.foot--mini{
  background: var(--paper-2) !important;
  border-top-color: var(--line) !important;
  color: var(--ink-2) !important;
}
.foot--mini a:hover{
  color: var(--copper) !important;
  border-color: var(--copper) !important;
}

/* 글로벌 nav — 페이퍼 톤 */
.gnav{
  background: rgba(247,243,236,.92) !important;
  border-bottom-color: var(--line) !important;
}
.gnav__logo:hover,
.gnav__link:hover,
.gnav__link.is-active{
  color: var(--copper) !important;
  border-bottom-color: var(--copper) !important;
}
.gnav__cta{
  background: var(--copper) !important;
  color: #fdfaf3 !important;
}
.gnav__cta:hover{
  background: var(--copper-d) !important;
}

/* 자동 타이핑 좌표 미리보기 — 검정 0. 카퍼 배경 + 크림 텍스트 */
.typed-quote{
  background: linear-gradient(135deg,#a4541a 0%,#7a4317 100%) !important;
  color: #fdfaf3 !important;
  border-left-color: #fdfaf3 !important;
}
.typed-quote__label{
  color: #fdfaf3 !important;
  opacity: .75;
}
.typed-quote__cursor{
  background: #fdfaf3 !important;
}

/* SBM 안내 카드 — 이미 따뜻한 톤이지만 통일 */
.sbm-intro{
  background: var(--paper-2) !important;
  border-color: var(--line) !important;
}
.sbm-intro__btn--primary{
  background: var(--copper) !important;
  border-color: var(--copper) !important;
  color: #fdfaf3 !important;
}
.sbm-intro__btn--primary:hover{
  background: var(--copper-d) !important;
  border-color: var(--copper-d) !important;
}

/* AI 코치 kicker 라벨 (검정 → oat 페이퍼) */
.ai-coaches__kicker{
  background: var(--paper-2) !important;
  color: var(--copper) !important;
}

/* iden hero pill 강조 (yellow rgba 대체 곳도 페이퍼 톤으로) */
.iden-core__stage .pill{
  background: rgba(253,250,243,.18) !important;
}

/* 매니페스토 강조 색상 — 보라 → 카퍼 */
.manifesto__title em{
  color: var(--copper) !important;
}
.manifesto__row--cta{
  background: var(--paper-2) !important;
}

/* 5S 박스 */
.iden-result__step__name{
  color: var(--copper) !important;
}

/* 결과 따옴표 */
.iden-result__quote{
  border-left-color: var(--copper) !important;
}

/* 너무 밝은 텍스트 라이트 그레이 → 따뜻한 그레이 */
.iden-form__hint,
.iden-result__sig,
.foot--mini__build{
  color: var(--ink-2) !important;
}

/* === 카퍼 배경 위 텍스트 강제 가독성 (#a4541a / #7a4317 위에 흰색 톤) === */
.iden-result__main,
.iden-result__main *,
.typed-quote,
.typed-quote *,
.ai-coach__cta,
.gnav__cta,
.sbm-intro__btn--primary,
.iden-domain.active,
.iden-form__num,
.iden-progress__seg.is-on,
.iden-progress__seg.is-on--3{
  /* 자식 요소가 inherit 못 가져갈 때를 대비해 fallback */
}
.iden-result__main{ color: #fdfaf3 !important; }
.iden-result__main .iden-result__label{ color: rgba(253,250,243,.85) !important; }
.iden-result__main .iden-result__quote{
  background: rgba(253,250,243,.16) !important;
  color: #fdfaf3 !important;
  border-left-color: #fdfaf3 !important;
}
.iden-result__main .iden-result__sig{ color: rgba(253,250,243,.78) !important; font-style: italic; }
.iden-result__main .iden-result__copy-btn{
  background: rgba(253,250,243,.18) !important;
  border: 1px solid rgba(253,250,243,.32) !important;
  color: #fdfaf3 !important;
}
.iden-result__main .iden-result__copy-btn:hover{
  background: rgba(253,250,243,.28) !important;
}

/* AI 코치 kicker — 같은 색 텍스트/배경 같은 결 차단 */
.ai-coaches__kicker{
  background: var(--paper-2) !important;
  color: var(--copper-d) !important;
  border: 1px solid var(--line);
}

/* iden hero (브론즈 그라디언트) 위 텍스트 */
.iden-core__hero{ color: #fdfaf3 !important; }
.iden-core__hero .iden-core__title,
.iden-core__hero .iden-core__sub,
.iden-core__hero .iden-core__kicker,
.iden-core__hero .pill{ color: #fdfaf3 !important; }
.iden-core__hero .iden-core__sub{ color: rgba(253,250,243,.92) !important; }

/* 결과 카드 main 안 모든 텍스트 inherit 흰색 */
.iden-result__main *:not(.iden-sparkles):not(.iden-sparkles span){
  color: inherit;
}
.iden-result__main .iden-result__copy-btn{ color: #fdfaf3 !important; }

/* 도메인 칩 active — 카퍼 배경에 흰 글자 강제 */
.iden-domain.active{ color: #fdfaf3 !important; }

/* 폼 번호 원 */
.iden-form__num{ color: #fdfaf3 !important; }

/* 폼 input hint — 너무 밝은 회색은 잘 안 보임 → 톤 다운 */
.iden-form__hint{ color: var(--ink-2) !important; }

/* SBM intro 호버 색이 검정으로 가던 결 */
.sbm-intro__btn--primary:hover{
  background: var(--copper-d) !important;
  color: #fdfaf3 !important;
}

/* === [최종 가독성 보증] 본문 텍스트 강제 (2026-04-30) === */
/* 페이지 본문 색이 어디선가 흰색으로 가는 자리 영구 차단 */
html, body{
  color: #2a241c !important;
  background: #f7f3ec !important;
}
p, li, dd, dt, span, td, th, dl, ol, ul, blockquote, figcaption, label{
  color: inherit;
}
/* 카드·박스 안 본문은 잉크 톤 강제 (단, 카퍼/브론즈 배경 위 자식은 예외) */
.iden-form, .iden-form *,
.iden-next__card, .iden-next__card *,
.ai-coach, .ai-coach *,
.rf-item, .rf-item *,
.manifesto, .manifesto *,
.sbm-intro__bullets li, .sbm-intro__bullets li *,
.sbm-intro__lead, .sbm-intro__title,
.home-hero, .home-hero *,
.home-bento .cap, .home-bento .cap *{
  color: #2a241c;
}
/* 단, hint·sub·meta는 보조 톤 유지 */
.iden-form__hint, .ai-coach__hint, .rf-item .excerpt,
.iden-next__card .sub, .iden-next__card .arrow,
.home-hero .lead, .home-bento .cell .core,
.foot--mini, .foot--mini *{
  color: #6b6155;
}
/* 카퍼 배경 자식은 위 강제를 다시 override (크림으로) */
.iden-result__main, .iden-result__main *,
.typed-quote, .typed-quote *,
.ai-coach__cta, .ai-coach__cta *,
.gnav__cta, .gnav__cta *,
.sbm-intro__btn--primary, .sbm-intro__btn--primary *,
.iden-domain.active, .iden-domain.active *,
.iden-form__num, .iden-form__num *,
.iden-core__hero, .iden-core__hero *{
  color: #fdfaf3 !important;
}
/* footer 미니 안 a는 카퍼 hover만 */
.foot--mini a{ color: #3a322a !important }
.foot--mini a:hover{ color: #a4541a !important }
/* gnav link 색 강제 */
.gnav__link{ color: #3a362e !important }
.gnav__link:hover, .gnav__link.is-active{ color: #a4541a !important }
.gnav__logo{ color: #1f1d18 !important }