/* 트룬 브랜드 토큰 — 0924 (브랜딩 제안서 260918 7·8·9쪽 정본, 부장 확인 기준 · 팀장 잠정 결정 troon_macbook_brand_decisions_0924)
   기준 문서: _codex_handoffs/troon_0924/brand_application_0924.md
   · 색은 7쪽 4색만. 8쪽 구리빛 미채택. 옛 teal·bronze 는 팔레트 밖이라 이 파일에서 4색으로 다시 매핑한다.
   · 서체: 영문 Gloock Regular(OFL, Google Fonts) / 한글 MaruBuri(OFL, 네이버 hangeul CDN) — Regular·SemiBold 두 굵기만. 실패 시 serif.
   · 로고: 8쪽 벡터 없음 → 슬라이드 래스터(200ppi) 추출본에서 밝기로 알파만 만든 파생본(모양 무변경). 부장 확인 항목. */
@font-face{font-family:'MaruBuri';font-weight:400;font-style:normal;font-display:swap;
  src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2) format("woff2"),
      url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff) format("woff")}
@font-face{font-family:'MaruBuri';font-weight:600;font-style:normal;font-display:swap;
  src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"),
      url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff")}


/* Gloock Regular — Google Fonts gstatic v8 woff2(OFL). 라틴 범위만: 한글 글리프에는 쓰지 않는다(한글은 MaruBuri).
   0925: 옛 이름 별칭(Georgia·Montserrat·Gotu·Gowun Dodum·Pretendard → 브랜드 파일)은 없앴다. 원본 CSS(exact·official-content·official-ux)의
   font 선언을 토큰으로 직접 바꿨기 때문(별칭은 exact.css 의 로컬 Gowun/Nanum 400 선언에 밀려 실제로 적용되지 않았다 — CDP 측정). */
@font-face{font-family:'Gloock';font-weight:400;font-style:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/gloock/v8/Iurb6YFw84WUY4NJiBakJLRBjA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gloock';font-weight:400;font-style:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/gloock/v8/Iurb6YFw84WUY4NJhhakJLRBjIlJ.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* 7쪽 4색 → 웹 역할 */
  --troon-ink:#232726;       /* 본문·제목, 어두운 섹션·푸터 배경 (ivory 대비 13.40) */
  --troon-ivory:#F4F1EA;     /* 기본 배경, 어두운 배경 위 글자 */
  --troon-sage:#596156;      /* green: 보조 면·포커스·호버·절제된 강조(글자 ivory 5.69) — ink 위 글자 금지(2.35). 문의 버튼 배경은 ink */
  --troon-stone:#8C8880;     /* 보조: 구분선·테두리·아이콘·큰 글자만 (ivory 대비 3.13) */
  --troon-ink-soft:rgba(35,39,38,.72);      /* 보조 본문 5.63 */
  --troon-ivory-soft:rgba(244,241,234,.72); /* 어두운 배경 위 보조 글자 7.61 */
  --troon-line:var(--troon-stone); /* 0925 카운슬: 45% 선은 ivory 위 ~1.6 로 안 보임 → 불투명 stone(3.13, 비텍스트 3:1 충족) */

  --troon-font-en:'Gloock','MaruBuri',serif;
  --troon-font-ko:'MaruBuri',serif;
  --troon-font-display:'Gloock','MaruBuri',serif;
  --troon-font-body:'MaruBuri',serif;

  /* 기존 사이트 변수 재매핑(site.css) */
  --charcoal:var(--troon-ink);
  --ivory:var(--troon-ivory);
  --teal:var(--troon-sage);
  --bronze:var(--troon-stone);
  --ink:var(--troon-ink);
  --ink-soft:var(--troon-ink-soft);
  --line:var(--troon-line);
  --bg:var(--troon-ivory);
  --font-display:var(--troon-font-display);
  --font-body:var(--troon-font-body);
}

/* 모바일 가독성: 본문 16px 이상 · 행간 1.6 이상(팀장 결정 ③) */
html{font-synthesis-weight:none}
button,input,select,textarea{font-family:inherit} /* 폼 컨트롤은 기본으로 상속하지 않아 Arial 로 떨어졌다(CDP 측정) */ /* Gloock 은 Regular 하나 — 가짜 굵기 합성 금지 */
body{font-family:var(--troon-font-body);font-size:16px;line-height:1.7;color:var(--troon-ink);background:var(--troon-ivory)}
p,li,dd,td{line-height:1.7}
strong,b,h1,h2,h3,h4{font-weight:600}

/* 공식홈 exact 템플릿의 하드코딩 서체·색을 토큰으로 */
body.exact-home{background:var(--troon-ivory);color:var(--troon-ink)}
.exact-main{font-family:var(--troon-font-body)}
.exact-main h2,.exact-main .num-name,.exact-home .exact-nav{font-family:var(--troon-font-display)}
.exact-home .gnb,.exact-home .gnb .burger{color:var(--troon-ink)}
.exact-home.scrolled .gnb{background:rgba(244,241,234,.96)}

/* 로고(8쪽 심볼 래스터 파생본). 글자 로고 자리를 대체할 때 사용 */
.brand-logo{display:inline-block;line-height:0}
.brand-logo img{height:var(--logo-h,40px);width:auto;max-width:none} /* 정본 lockup 비율 고정(늘이기 금지). ESTATE 줄이 6px 이상 보이도록 최소 36px */
@media(max-width:600px){.gnb .brand-logo{--logo-h:36px!important}}
.brand-logo.on-dark .ink,.brand-logo.on-light .ivory{display:none}

/* ── 구조색 → 7쪽 4색 (팔레트 밖 남색 #06132b·짙은 녹색 #11201d/#183b33·검정 #101010 등) ───────── */
.foot,.official .mobmenu,.mobmenu{background:var(--troon-ink)}
.estate-contact{background:var(--troon-ivory)}
/* 문의 버튼 = ink 바탕(부장 기준서 §2). green 은 호버·포커스 */
.estate-contact .btn,.btn.fill,.fixbar .rsv{background:var(--troon-ink);border-color:var(--troon-ink);color:var(--troon-ivory)}
.estate-contact .btn:hover,.btn.fill:hover,.fixbar .rsv:hover{background:var(--troon-sage);border-color:var(--troon-sage);color:var(--troon-ivory)}
.btn:focus-visible,.fixbar a:focus-visible{outline:2px solid var(--troon-sage);outline-offset:3px}
.fixbar .member{background:var(--troon-ivory)}
.skip,.skip-link{color:var(--troon-ink)}
.exact-spaces,.estate-gallery-page,.estate-notice{background:var(--troon-ivory)}
.spaces-intro{background:var(--troon-ink)}
.prologue-fade{background:linear-gradient(transparent,var(--troon-ink))}
.prologue-sea:after{background:linear-gradient(transparent,var(--troon-ink) 85%,var(--troon-ink))}
.prologue-wordmark{color:var(--troon-ivory)} /* 0925 프롤로그 sage 면 위: ivory 5.69 (ink 는 2.35 미달) */
.exact-experience{background:var(--troon-ivory)}
.exact-footer{background:var(--troon-ivory);color:var(--troon-ink)}
.official .mobmenu .menu-image,.nav-dropdown{background:var(--troon-ink)}
.official .menu-panel{background:rgba(35,39,38,.96)}
.official .menu-group a,.official .gnb .nav-dropdown a{color:var(--troon-ivory-soft)}
.official .menu-group a:hover,.official .gnb .nav-dropdown a:hover,.official .gnb .nav-dropdown a:focus-visible{color:var(--troon-ivory)}
.official .gnb .nav-dropdown a:hover,.official .gnb .nav-dropdown a:focus-visible{background:rgba(244,241,234,.1)}
.notice-bottom{background:var(--troon-ink)}
.scene-links a i{background:var(--troon-ink)}
.index-tag{color:var(--troon-ivory-soft)}.space-index-item p{color:var(--troon-ivory-soft)}
.space-index-item{border-top-color:var(--troon-stone)} /* ink 띠 위 stone 선(4.1:1) */
@media(max-width:860px){.scene-links a{border-color:var(--troon-stone)}.exact-home.scrolled .gnb{background:var(--troon-ivory)}}

/* 메뉴줄 로고 색: 상세 페이지는 히어로 위 흰 글자 → ivory, 홈은 스크롤 뒤 밝은 배경 → ink */
.gnb .brand-logo .ivory,.gnb .brand-logo .ink{display:none}
.detail-page .gnb .brand-logo .ivory{display:inline}
.exact-home .gnb .brand-logo .ink,.home-page .gnb .brand-logo .ink{display:inline}

/* 인트로(소유·이용 선택) 페이지: 사진 위 흰 글자는 유지, 서체만 브랜드로. 바탕색은 사진이 없을 때만 보임 */
.intro-page{background:var(--troon-ink);font-family:var(--troon-font-body)}

/* 사진·영상 위 글자 대비(부장 기준서 §2: 본문 4.5:1, 큰 글자 3:1 — 0925 채택 컷 실측 후 보강) */
.entry-shade{background:linear-gradient(rgba(35,39,38,.3) 0,rgba(35,39,38,.35) 40%,rgba(35,39,38,.86) 100%)}
.entry-motion{background:rgba(35,39,38,.62)}
.entry-content span{font-size:12px!important}
.entry-content>p,.entry-content>p:last-child{font-size:13px!important;color:var(--troon-ivory)}
@media(max-width:600px){.entry-content span{font-size:11px!important}}
.experience-stack figcaption{background:linear-gradient(transparent,rgba(35,39,38,.82) 40%);padding-top:48px}
/* 공식홈 히어로(0043 블루아워 실사): 밝은 창 위 흰 글자 대비 1.5–3.2:1 실측 → 글자 영역 중심 ink 스크림 */
.exact-main>.hero-media:after{background:radial-gradient(ellipse 75% 45% at 50% 50%,rgba(35,39,38,.74) 0,rgba(35,39,38,.6) 55%,rgba(35,39,38,.38) 100%)}
@media(max-width:600px){.exact-main>.hero-media:after{background:radial-gradient(ellipse 95% 38% at 50% 45%,rgba(35,39,38,.76) 0,rgba(35,39,38,.62) 60%,rgba(35,39,38,.4) 100%)}}
.exact-hero .hero-motion,.entry-motion{background:var(--troon-ink)!important;color:var(--troon-ivory);border-color:rgba(244,241,234,.5)!important} /* 재생 제어: 대비 13.4:1 */

#visitform{scroll-margin-top:96px} /* 고정 헤더 아래로 폼 도착(T5) */

/* 0925 준비: 히어로 영상 고지 한 줄(생성기 HERO_DISCLOSURE_ON 이 False 인 동안 마크업 없음 → 적용 대상 없음) */
.exact-hero .hero-disclosure{position:absolute;left:24px;bottom:24px;z-index:3;margin:0;max-width:calc(100% - 96px);padding:4px 10px;background:rgba(35,39,38,.78);color:var(--troon-ivory);font-size:12px;line-height:1.5}
@media(max-width:600px){.exact-hero .hero-disclosure{left:16px;bottom:16px;max-width:calc(100% - 80px);font-size:11px}}

/* 0925 데스크톱 4색 독립 검증 잔여 4건(오류색 #8f2d22 예외 제외) — 브라우저 기본값을 정본색으로 */
button,input,select,textarea{color:inherit}                       /* 기본 검정(#000) 대신 문맥 색(ink/ivory) 상속 */
.fixbar a,.fixbar button{color:var(--troon-ink)}                  /* 홈 fixbar 아이콘: 데스크톱 폭에서도 ink */
.fixbar button{background:transparent}                            /* 기본 버튼 배경 #F0F0F0 제거 */
.fixbar svg,.fixbar svg *{fill:none;stroke:currentColor}          /* svg 기본 fill #000 제거(선 아이콘) */
::placeholder{color:var(--troon-ink-soft);opacity:1}              /* 기본 #757575 → ink 72%: ivory 위 5.63:1(AA). stone 은 3.13 으로 본문 AA 미달이라 쓰지 않음 */
input[type=checkbox],input[type=radio]{accent-color:var(--troon-ink)} /* 기본 강조색 → ink(ivory 대비 13.4:1) */