/* 프롬대디 테마 (이 설치처, 2026-10-02): 스튜디오 화면을 프롬대디 홈페이지(fromdaddy.co.kr) 무드에 맞춘다.
   ds.css 다음에 읽혀 그 색 이름(토큰)만 다시 정하므로, 업데이트가 ds.css를 바꿔도 이 파일과 부딪히지 않는다.
   색: 아주 연한 살구 바탕 #fff9f9(가장 넓게), 테라코타 #cb4b2a(눈이 가는 곳: 주요 버튼·선택된 메뉴, 흰 글자 4.6:1),
   분홍빛 선 #f5dbd4, 산호 #ffa498(캥거루 로고)는 채움에만. 글자 강조와 링크는 한 단계 진한 테라코타 #b8401f(바탕 위 5.3:1).
   모양: 홈페이지처럼 주요 버튼은 동그란 알약형. 상태 표시(성공·주의·오류)의 뜻 색은 그대로 둔다. */
:root{
  --bg:#fff9f9;--surface:#ffffff;--surface-2:#fffcfb;--sunken:#fbefeb;--line:#f5dbd4;--line-strong:#ebc3b8;
  --ink:#2f2a29;--ink-2:#4a4341;--muted:#75655f;--faint:#a08c85;
  --brand:#cb4b2a;--brand-ink:#ffffff;--brand-soft:#fde9e3;--leaf:#ffa498;--leaf-soft:#fdeee9;
  --accent:#b8401f;--accent-ink:#ffffff;--accent-soft:#fde9e3;--accent-line:#efb3a2;
  --shadow:0 1px 2px rgba(120,45,25,.07);--shadow-pop:0 14px 36px rgba(120,45,25,.16);
  --viz-us:#b8401f;--em-bg:#ffd9cc;--em-ink:#2f2a29;
}
:root[data-theme="dark"]{
  --bg:#1c1615;--surface:#241c1a;--surface-2:#2b2220;--sunken:#161110;--line:#3a2c28;--line-strong:#4c3a35;
  --ink:#f5ece9;--ink-2:#dccfca;--muted:#ab9a94;--faint:#7d6d68;
  --brand:#e8705a;--brand-ink:#2a1410;--brand-soft:#3d221c;--leaf:#f0927a;--leaf-soft:#33201b;
  --accent:#f0927a;--accent-ink:#2a1410;--accent-soft:#3d221c;--accent-line:#7a3d2f;
  --viz-us:#f0927a;--em-bg:#6b2e22;--em-ink:#fff5f2;
}

/* 주요 버튼은 홈페이지의 '샘플신청'처럼 알약형, 테두리는 같은 색 */
.action,button.primary,a.action,label.action,.lib-pick,.login-go{border-radius:999px;border-color:var(--brand)}
.action:hover,button.primary:hover,a.action:hover{filter:none;background:color-mix(in srgb,var(--brand) 88%,#000);border-color:color-mix(in srgb,var(--brand) 88%,#000);color:var(--brand-ink)}
.secondary,a.secondary{border-radius:999px!important;border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.secondary:hover{background:var(--brand-soft);color:var(--accent)}

/* 선택된 메뉴: 테라코타 채움 대신 연한 살구 바탕 + 테라코타 글자 (넓은 면이 진한 색으로 덮이지 않게) */
.nav-item.active,.nav-item[aria-current="page"]{background:var(--brand-soft);color:var(--accent)}
.nav-item.active .ico,.nav-item[aria-current="page"] .ico{color:var(--accent)}

/* 이름표 글자는 홈페이지 로고처럼 넓은 자간의 테라코타 */
.brandline strong{color:var(--accent)}