/* ══════════════════════════════════════════════════════════════════
   브라우저홈.css — 크라우니AI브라우저 AI홈 디자인의 crowny.org 웹 정본 CSS
   원본(SSOT): CrownyBrowser/native/crowny-ai-content.m 의 AI홈(S2) 인라인 블록(저장소 상대 경로)
               ("AI홈(S2) — 목업3 그대로" stringWithFormat 인라인 CSS)
   추출 일자: 2026-10-13 · 값 무수정(원본 hex·px·radius·shadow 리터럴만, 새 값 0건)
   제외: 별도 앵커 블록(공용 물빛.css 가 같은 정본을 쓴다)
   링크 순서: 대문.css 뒤 마지막에 링크 → dm 토큰을 브라우저 팔레트로 덮는다.
   ══════════════════════════════════════════════════════════════════ */

/* ── ① 라이트 토큰(원본 dark=NO) ───────────────────────────────── */
:root{--bg:#FBF7EE;--text:#2E211A;--text2:#8A7965;--accent:#B4863B;--border:#E0D5C1;--input:#FFFFFF;--chip:#241B12;}

/* ── ② 다크 토큰: 시스템 다크(명시 라이트가 아닐 때) ───────────── */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#171008;--text:#F1E7D6;--text2:#A08B72;--accent:#D9A85C;--border:#3E3123;--input:#2B2016;--chip:#241B12;}
}
/* ── ③ 다크 토큰: 명시 다크 ───────────────────────────────────── */
:root[data-theme="dark"]{--bg:#171008;--text:#F1E7D6;--text2:#A08B72;--accent:#D9A85C;--border:#3E3123;--input:#2B2016;--chip:#241B12;}

/* ── ④ dm 토큰 매핑(대문 dm-* 컴포넌트가 브라우저 팔레트를 물려받음) ── */
:root{--dm-bg:var(--bg);--dm-surface:var(--input);--dm-soft:var(--bg);--dm-ink:var(--text);--dm-ink-strong:var(--text);--dm-muted:var(--text2);--dm-line:var(--border);--dm-accent:var(--accent);--dm-accent-tint:var(--bg);--dm-on-accent:var(--chip);--dm-on-dark-sub:var(--text2);--dm-shadow-hair:0 1px 3px rgba(0,0,0,.06);--dm-shadow-lift:0 1px 3px rgba(0,0,0,.06);--dm-shadow-up:0 1px 3px rgba(0,0,0,.06);--dm-ring-accent:0 0 0 2px var(--input),0 0 0 4px var(--accent);--dm-r-hero:22px;--dm-r-xl:22px;--dm-r-lg:18px;--dm-r-md:18px;--dm-r-sm:18px;--dm-r-xs:18px;--dm-font:'크라우니고딕','Crowny Gothic',-apple-system,'Pretendard',sans-serif;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--dm-bg:var(--bg);--dm-surface:var(--input);--dm-soft:var(--bg);--dm-ink:var(--text);--dm-ink-strong:var(--text);--dm-muted:var(--text2);--dm-line:var(--border);--dm-accent:var(--accent);--dm-accent-tint:var(--bg);--dm-on-accent:var(--chip);--dm-on-dark-sub:var(--text2);--dm-shadow-hair:0 1px 3px rgba(0,0,0,.06);--dm-shadow-lift:0 1px 3px rgba(0,0,0,.06);--dm-shadow-up:0 1px 3px rgba(0,0,0,.06);--dm-ring-accent:0 0 0 2px var(--input),0 0 0 4px var(--accent);--dm-r-hero:22px;--dm-r-xl:22px;--dm-r-lg:18px;--dm-r-md:18px;--dm-r-sm:18px;--dm-r-xs:18px;--dm-font:'크라우니고딕','Crowny Gothic',-apple-system,'Pretendard',sans-serif;}
}
:root[data-theme="dark"]{--dm-bg:var(--bg);--dm-surface:var(--input);--dm-soft:var(--bg);--dm-ink:var(--text);--dm-ink-strong:var(--text);--dm-muted:var(--text2);--dm-line:var(--border);--dm-accent:var(--accent);--dm-accent-tint:var(--bg);--dm-on-accent:var(--chip);--dm-on-dark-sub:var(--text2);--dm-shadow-hair:0 1px 3px rgba(0,0,0,.06);--dm-shadow-lift:0 1px 3px rgba(0,0,0,.06);--dm-shadow-up:0 1px 3px rgba(0,0,0,.06);--dm-ring-accent:0 0 0 2px var(--input),0 0 0 4px var(--accent);--dm-r-hero:22px;--dm-r-xl:22px;--dm-r-lg:18px;--dm-r-md:18px;--dm-r-sm:18px;--dm-r-xs:18px;--dm-font:'크라우니고딕','Crowny Gothic',-apple-system,'Pretendard',sans-serif;}

/* ── ⑤ 브라우저 컴포넌트(.bh 조상 스코프) ───────────────────────── */
.bh,.bh *{box-sizing:border-box;}
.bh{background:var(--bg);color:var(--text);font-family:-apple-system,'Pretendard',sans-serif;text-align:center;}
.bh .crown{width:56px;height:56px;margin-bottom:12px;stroke:none;fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
.bh h1.greet{font-size:26px;margin:0 0 8px;opacity:0;transition:opacity .35s;}
.bh h1.greet.on{opacity:1;}
.bh p.sub{color:var(--text2);margin:0 0 28px;font-size:14px;}
.bh p.author{display:none;font-size:11px;margin:-6px 0 8px;}
.bh p.tag{color:var(--accent);font-size:12.5px;margin:-16px 0 24px;}
.bh .omni{display:flex;align-items:center;width:min(560px,86vw);background:var(--input);border:1px solid var(--border);border-radius:22px;padding:6px 8px 6px 18px;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.bh .omni .ic{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;margin-right:8px;}
.bh .omni input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:15px;padding:8px 6px;}
.bh .omni input::placeholder{color:var(--text2);}
.bh .omni button{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent);color:var(--chip);font-size:16px;cursor:pointer;}
.bh .tiles{display:flex;gap:18px;margin-top:34px;}
.bh .tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text);cursor:pointer;}
.bh .tile .ic2{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;border:1px solid var(--border);background:var(--input);}
.bh .tile.dark .ic2{background:var(--chip);color:var(--accent);border-color:var(--chip);}
.bh .tile.dark .ic2 svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
.bh .tile.add .ic2{border-style:dashed;color:var(--text2);}
.bh .tile span.lbl{font-size:12px;color:var(--text2);}

/* ── ⑥ 카드 문법 1종(원본 .omni 값 조합) ───────────────────────── */
.bh .card{background:var(--input);border:1px solid var(--border);border-radius:22px;box-shadow:0 1px 3px rgba(0,0,0,.06);color:var(--text);text-align:left}

/* 드리프트 게이트: crowny-ai/도구/브라우저홈대조.한선 */