/* 셀데이 챗 디자인 토큰 v2 (doc/45). 가장 먼저 불러옵니다. 화면 CSS는 의미값을 쓰고, 원시값·hex는 이 파일 안에만 둡니다.
   옛 이름(--muted·--gray-*·--radius-* 등)과 각 파일의 :root 별칭은 2026-10-24에 지웠습니다(doc/45 §10 5단계). 예외: 홈페이지(home.css, --hm-*)와 마스크용 #000. */
:root{
 /* ⓪ 상담창 뿌리 요소가 덮어쓰는 조직 브랜드(서버가 인라인으로 넣음)와 글꼴 */
 --brand:#123e36;--font-ui:Pretendard,sans-serif;
 /* ① 원시값 */
 --forest-50:#f1f7f4;--forest-100:#eaf2ee;--forest-200:#cfe2d9;--forest-300:#a6c9b9;--forest-400:#6fa58e;--forest-500:#3d8268;--forest-600:#24644f;--forest-700:#1a4f42;--forest-800:#123e36;--forest-900:#082e27;--forest-950:#061614;
 --n-0:#fff;--n-25:#fbfcfb;--n-50:#f6f8f7;--n-100:#eef2f0;--n-150:#e3e9e5;--n-200:#dce6e1;--n-300:#c4d0ca;--n-400:#94a59d;--n-500:#63756d;--n-600:#52655c;--n-700:#3d4d46;--n-800:#29322e;--n-900:#191e1c;
 --mint-500:#1cb5a3;--amber-500:#c97a1e;--slate-700:#2f5d73;--green-500:#2f9e6b;
 --sand-50:#f3ece2;--sand-700:#7a5520;--plum-50:#f1e9ef;--plum-700:#7a3e64;--violet-50:#ede7f4;--violet-700:#5b3b86;
 /* ② 의미값 */
 --text-1:var(--n-900);--text-2:var(--n-600);--text-3:var(--n-500);--text-brand:var(--forest-800);--text-inverse:#fff;
 --bg-app:var(--n-50);--bg-surface:#fff;--bg-subtle:var(--n-25);--bg-muted:var(--n-100);--bg-selected:var(--forest-100);--bg-inverse:var(--n-900);
 --line-1:var(--n-200);--line-2:var(--n-150);--line-strong:var(--n-300);
 --action-primary:var(--n-900);--action-brand:var(--forest-800);
 --success-text:#1a6b4a;--success-bg:#e6f4ec;--success-mark:var(--green-500);
 --warning-text:#8a5216;--warning-bg:#fff3e0;--warning-mark:var(--amber-500);
 --danger-text:#b42e3e;--danger-bg:#fdecee;
 --info-text:var(--slate-700);--info-bg:#e8f1f5;
 --focus-ring:0 0 0 3px rgba(18,62,54,.24);--scrim:rgba(6,22,20,.42);
 --chart-1:var(--forest-600);--chart-2:var(--amber-500);--chart-3:var(--slate-700);--chart-ref:var(--n-300);
 --fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-28:28px;--fs-chat:15px;
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;
 --r-xs:6px;--r-sm:10px;--r-lg:16px;--r-xl:20px;--r-pill:999px;
 --h-sm:36px;--h-md:44px;--h-lg:52px;
 --e-1:0 1px 2px rgba(6,22,20,.06);--e-2:0 4px 14px rgba(6,22,20,.08);--e-3:0 12px 32px rgba(6,22,20,.12);--e-4:0 24px 64px rgba(6,22,20,.18);--e-launcher:0 8px 28px rgba(6,22,20,.28);
 --dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--ease:cubic-bezier(.2,.8,.2,1);
 --z-sticky:20;--z-popover:40;--z-drawer:90;--z-modal:100;--z-toast:120;
 /* ③ 부품값 */
 --avatar-1-bg:var(--forest-100);--avatar-1-fg:var(--forest-800);--avatar-2-bg:var(--sand-50);--avatar-2-fg:var(--sand-700);--avatar-3-bg:var(--info-bg);--avatar-3-fg:var(--slate-700);--avatar-4-bg:var(--plum-50);--avatar-4-fg:var(--plum-700);--avatar-5-bg:var(--violet-50);--avatar-5-fg:var(--violet-700);
 --quote-frame:var(--forest-800);--quote-line:#cfdad4;--quote-head:#3d5f56;
 --chat-bubble-r:18px;--chat-tail-r:var(--r-xs);--chat-tile-r:var(--r-sm);--chat-text:var(--n-900);--chat-meta:var(--n-500);
}
/* 상담창 파생색: 서버가 뿌리 요소에 --brand를 넣으므로 그 요소에서 다시 계산합니다(:root에만 두면 기본 브랜드로 굳음). */
:root,.public-page,.chat-window,.preview-chat,.house-demo-card{--chat-brand:var(--brand,#123e36);--chat-brand-soft:var(--n-50);--chat-brand-soft:color-mix(in oklab,var(--chat-brand) 9%,#fff);--chat-brand-line:var(--n-200);--chat-brand-line:color-mix(in oklab,var(--chat-brand) 24%,#fff)}
@media (prefers-reduced-motion:reduce){:root{--dur-1:0ms;--dur-2:0ms;--dur-3:0ms}}