/* 홈 서브페이지 톤 (2026-10-29 대장님 "이걸로 가자", 시험판 home-tone-test.php?ic=warm 확정본).
   home-glass.css 위에 덮어 쓴다: 크림 바탕·주황 갈색 포인트(webp-frame-extractor 토큰 그대로), 카드 그림자·떠오르기·번짐 제거,
   흰 카드 상자 대신 선으로 나눔(가이드 8장). index.php 에서 home-glass.css 바로 뒤에 읽는다. */
html:root{
  --paper:#f6f3ee; --paper-2:#efeae2;
  --ink:#1a1816; --ink-soft:#43403a; --ink-mute:#8a857d;
  --line:rgba(26,24,22,.12); --line-soft:rgba(26,24,22,.07);
  --accent:#b75c2a; --accent-soft:#e9d3bf; --accent-green:#4f7a4a;
  --card-line:rgba(26,24,22,.12); --card-shadow:none;
  --tone-hover:#efe7dc;
}
/* 네비·푸터는 서브페이지와 같은 기본값으로 (webp-frame-extractor 에서 잰 실제 값) */
html:root{--nav-accent-primary:#403C3B;--nav-accent-dark:#352F2E;--nav-bg:rgba(255,255,255,.8);--nav-border:rgba(0,0,0,.05)}
.footer{--footer-bg:#FFFFFF;--footer-border:#E5E5E5;--footer-text:#6B6B6B;--footer-text-light:#1D1D1F;--footer-text-dark:#403C3B;--footer-accent:#403C3B;--footer-hover-bg:#F5F5F5}
.footer .footer-premium-badge{background:#403C3B}

/* 히어로: 배너 그림 대신 글만, 아래 선 한 줄 */
.gl-hero,.gl-hero[class]{background:none;box-shadow:none;border-radius:0;min-height:0;padding:28px 0 26px;border-bottom:1px solid var(--line)}
.gl-hero-t strong{font-weight:700}
@media(max-width:760px){.gl-hero{display:none}} /* 모바일 히어로 숨김 유지 (2026-10-21 대장님 "자리만 차지") */

/* 사이드바 */
.gl-side-list a:hover{background:var(--tone-hover);box-shadow:none}
.gl-side-list a:first-child{background:var(--tone-hover);color:var(--accent)}

/* 구역 판: 흰 상자·그림자·번짐 없이 위쪽 선으로만 나눔 */
.dock[data-skin="glass"] .sf{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:26px 0 8px}
.dock[data-skin="glass"] .sf-mine{border-top:0}
.dock[data-skin="glass"] .sf-all::before,.dock[data-skin="glass"] .sf-all::after{display:none}

/* 내 도구 카드: 그림자·떠오르기 없이 얇은 선, 마우스를 올리면 바탕만 살짝 */
.dock[data-skin="glass"] .dk-card{background:transparent;border:1px solid var(--line);border-radius:8px;box-shadow:none;transform:none}
.dock[data-skin="glass"] .dk-card:hover{background:var(--tone-hover);border-color:var(--line);box-shadow:none;transform:none}
.dock[data-skin="glass"] .dk-x:hover,.dock[data-skin="glass"] .dk-pin:hover,.dock[data-skin="glass"] .wg-x:hover{background:var(--tone-hover);color:var(--accent)}
.dock[data-skin="glass"] .dk-slot{background:var(--tone-hover)}
.dock[data-skin="glass"].is-over .dk-shelf-wrap{background:var(--tone-hover)}

/* 모든 도구 판 */
.dock[data-skin="glass"] .dk-tile,.dock[data-skin="glass"] .dk-tile.is-on{background:transparent;border:1px solid var(--line-soft);border-radius:6px}
.dock[data-skin="glass"] .dk-tile:hover{background:var(--tone-hover);border-color:var(--line)}

/* 위젯 */
.dock[data-skin="glass"] .wg[data-wk="credit"]{background:transparent;box-shadow:none;border:1px solid var(--line);border-radius:8px}
.dock[data-skin="glass"] .wg-dd .d,.dock[data-skin="glass"] .wg-dd li.soon .d,.dock[data-skin="glass"] .wg-cr.low b{color:var(--accent)}
.dock[data-skin="glass"] .wg-tile{background:transparent;border-color:var(--line-soft)}
.dock[data-skin="glass"] .wg-tile:hover{border-color:var(--line)}
.dock[data-skin="glass"] .wg-tile.is-on{background:var(--tone-hover);border-color:var(--line)}
.dock[data-skin="glass"] .wg-sec.is-over .wg-row,.dock[data-skin="glass"] .wg-sec.is-over .wg-wide{background:var(--tone-hover)}
.dock[data-skin="glass"] .wg-tl::before{background:var(--line)}
.dock[data-skin="glass"] .wg-tp .cd{background:rgba(26,24,22,.72)}

/* 끌기 유령·우클릭 메뉴 */
.dk-ghost{box-shadow:0 10px 24px -14px rgba(26,24,22,.4)}
.dk-menu button:hover:not([disabled]){background:var(--tone-hover)}

/* 아이콘: 유리 아이콘의 차가운 색만 주황 갈색 둘레로 옮긴 사본 (assets/home-glass/icons-warm, tools/recolor_icons_warm.py) */
.gl-ic-arcade{--ic:url(/assets/home-glass/icons-warm/arcade.webp?v=1)}
.gl-ic-arcade-bricks{--ic:url(/assets/home-glass/icons-warm/arcade-bricks.webp?v=1)}
.gl-ic-arcade-maze{--ic:url(/assets/home-glass/icons-warm/arcade-maze.webp?v=1)}
.gl-ic-arcade-tetris{--ic:url(/assets/home-glass/icons-warm/arcade-tetris.webp?v=1)}
.gl-ic-case-converter{--ic:url(/assets/home-glass/icons-warm/case-converter.webp?v=1)}
.gl-ic-color-palette{--ic:url(/assets/home-glass/icons-warm/color-palette.webp?v=1)}
.gl-ic-dummy-text{--ic:url(/assets/home-glass/icons-warm/dummy-text.webp?v=1)}
.gl-ic-effects{--ic:url(/assets/home-glass/icons-warm/effects.webp?v=1)}
.gl-ic-gif-to-webp{--ic:url(/assets/home-glass/icons-warm/gif-to-webp.webp?v=1)}
.gl-ic-image-crop{--ic:url(/assets/home-glass/icons-warm/image-crop.webp?v=1)}
.gl-ic-image-format-converter{--ic:url(/assets/home-glass/icons-warm/image-format-converter.webp?v=1)}
.gl-ic-image-resizing{--ic:url(/assets/home-glass/icons-warm/image-resizing.webp?v=1)}
.gl-ic-image-slicer{--ic:url(/assets/home-glass/icons-warm/image-slicer.webp?v=1)}
.gl-ic-image-to-pdf{--ic:url(/assets/home-glass/icons-warm/image-to-pdf.webp?v=1)}
.gl-ic-media-info{--ic:url(/assets/home-glass/icons-warm/media-info.webp?v=1)}
.gl-ic-motion{--ic:url(/assets/home-glass/icons-warm/motion.webp?v=1)}
.gl-ic-mp4-to-gif{--ic:url(/assets/home-glass/icons-warm/mp4-to-gif.webp?v=1)}
.gl-ic-mp4-to-webp{--ic:url(/assets/home-glass/icons-warm/mp4-to-webp.webp?v=1)}
.gl-ic-naver-keyword{--ic:url(/assets/home-glass/icons-warm/naver-keyword.webp?v=1)}
.gl-ic-photo-tone{--ic:url(/assets/home-glass/icons-warm/photo-tone.webp?v=1)}
.gl-ic-psd-to-jpg{--ic:url(/assets/home-glass/icons-warm/psd-to-jpg.webp?v=1)}
.gl-ic-quote-generator{--ic:url(/assets/home-glass/icons-warm/quote-generator.webp?v=1)}
.gl-ic-settings{--ic:url(/assets/home-glass/icons-warm/settings.webp?v=1)}
.gl-ic-symbol-copy{--ic:url(/assets/home-glass/icons-warm/symbol-copy.webp?v=1)}
.gl-ic-video-frame-extractor{--ic:url(/assets/home-glass/icons-warm/video-frame-extractor.webp?v=1)}
.gl-ic-video-trimmer{--ic:url(/assets/home-glass/icons-warm/video-trimmer.webp?v=1)}
.gl-ic-webp-frame-extractor{--ic:url(/assets/home-glass/icons-warm/webp-frame-extractor.webp?v=1)}
.gl-ic-webp-to-video{--ic:url(/assets/home-glass/icons-warm/webp-to-video.webp?v=1)}