/* =========================================================
   Daily AI — 공유 디자인 모듈 (design tokens + nav + footer)
   색상·폰트·네비·푸터는 이 파일에서만 수정하면 전 페이지에 반영됩니다.
   ========================================================= */
:root{
  --bg:#1b1b19; --card:#ffffff; --ink:#15150f; --ink2:#23231f;
  --lime:#b7f24a; --lime2:#a3e635; --mint:#cdf3a6; --butter:#f1ea78;
  --tlight:#f4f4ef; --muted-d:#a9a9a1; --muted-l:#6e6e68;
  --line:#e8e8e2; --g100:#f4f4f0; --g200:#ececE6;
  --sans:"Pretendard",system-ui,-apple-system,sans-serif;
  --nav-h:58px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}

/* 시그니처 스퀴글 / 형광펜 */
.sq{display:inline-block;width:44px;height:19px;vertical-align:-2px;margin-left:3px}
.sq path{stroke:var(--lime);stroke-width:4;stroke-linecap:round;fill:none}
.hl{background:linear-gradient(transparent 52%, var(--lime) 52%);padding:0 3px;border-radius:2px}

/* ── 공유 헤더(네비) ── */
.site-nav{position:sticky;top:0;z-index:100;background:#1b1b19;border-bottom:1px solid #2c2c28}
.nav-in{max-width:1100px;margin:0 auto;min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px}
.nav-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:16px;letter-spacing:-.02em}
.nav-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--lime)}
.nav-brand small{font-weight:500;color:var(--muted-d);font-size:12px}
.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nav-links a{color:#cdcdc4;font-weight:700;font-size:13.5px;padding:8px 12px;border-radius:8px;transition:.15s}
.nav-links a:hover{color:#fff;background:#26261f}
.nav-links a.on{color:var(--lime)}
.nav-cta{background:var(--lime)!important;color:#1a1a14!important;margin-left:4px}
.nav-cta:hover{background:#a6e038!important}

/* ── 공유 푸터 ── */
.site-foot{background:#1b1b19;color:var(--muted-d);padding:30px 22px}
.foot-in{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;align-items:center}
.foot-in .fl{display:flex;align-items:center;gap:8px;font-weight:800;color:#fff}
.foot-in .fl .dot{width:9px;height:9px;border-radius:50%;background:var(--lime)}
.foot-in b{color:#fff}

@media(max-width:680px){
  .nav-in{padding:8px 14px}
  .nav-links{gap:2px}
  .nav-links a{font-size:12.5px;padding:6px 9px}
}