/* =====================================================================
   CLYVE 브랜드 컬러 — 아이보리 #ebe7d9 / 올리브 #505a2b
   style.css 뒤에 얹어서 라벤더 팔레트를 브랜드 색으로 치환합니다.
   ===================================================================== */
:root{
  --surface:#faf9f4;
  --surface-2:#f2f0e6;
  --lav-100:#ebe7d9;          /* 브랜드 아이보리 */
  --lav-200:#dcd7c2;
  --lilac-400:#b3b492;
  --mauve-500:#7f8a58;
  --ink:#33352c;
  --ink-soft:#63665a;
  --muted:#7d8071;
  --accent:#505a2b;           /* 브랜드 올리브 */
  --accent-deep:#3a421e;
  --line:#e3dfcf;
  --ink-deep:#2c2f26;
  --on-dark-muted:#b9bca9;
  --focus:#505a2b;
  --grad-signature:linear-gradient(135deg,#f2f0e6 0%,#dcd7c2 38%,#b3b492 70%,#8b9560 100%);
  --grad-soft:linear-gradient(180deg,#faf9f4 0%,#eeebdd 100%);
}

/* style.css 안에 토큰을 쓰지 않고 직접 박혀 있는 라벤더들 */
.info__cta,.dkey,.dcta{background:radial-gradient(130% 95% at 84% 6%,rgba(248,244,225,.5),transparent 42%),radial-gradient(85% 95% at 8% 98%,rgba(179,180,146,.5),transparent 55%),linear-gradient(160deg,#8b9560,#505a2b 48%,#3a421e)}
.dwhy__hero{background:radial-gradient(120% 95% at 84% 6%,rgba(248,244,225,.26),transparent 42%),linear-gradient(160deg,#8b9560,#505a2b 48%,#3a421e)}
.dcause__h{background:linear-gradient(135deg,#505a2b,#3a421e)}
.dh3{background:linear-gradient(118deg,#f7f5ec 0%,#ebe7d9 48%,#d3d0b4 100%)}
.acad__card,.tl__thumb{background:#2c2f26}
.dhero2{background:linear-gradient(150deg,rgba(220,215,194,.85),rgba(179,180,146,.5))}
.dhero2__watermark{color:rgba(80,90,43,.08)}
.dprob__fig{background:#f2f0e6}
.dkey__photo{background:#ebe7d9}

/* 반투명 오버레이의 보라 기미(51,48,58) → 웜 차콜(44,47,38) */
.tv__cap{background:linear-gradient(180deg,rgba(44,47,38,0),rgba(44,47,38,.78))}
.tv__play,.shorts__play{box-shadow:0 6px 20px rgba(44,47,38,.3)}
.promo2__grad{background:linear-gradient(180deg,rgba(44,47,38,0),rgba(44,47,38,.72))}
.dhero__over{background:linear-gradient(180deg,rgba(44,47,38,.05),rgba(44,47,38,.28))}
.quick__btn{box-shadow:0 6px 18px rgba(44,47,38,.22)}
.lightbox{background:rgba(24,26,20,.92)}
.tl__zoom{background:rgba(24,26,20,.6)}

/* =====================================================================
   geo-vibe.css (--rb-* 토큰 체계) — 라벤더 → 브랜드 컬러
   ※ 이 파일은 반드시 geo-vibe.css 뒤에 로드되어야 합니다.
   ===================================================================== */
:root{
  --rb-surface:#faf9f4;
  --rb-surface-2:#f2f0e6;
  --rb-lavender-100:#ebe7d9;
  --rb-lavender-200:#dcd7c2;
  --rb-lilac-400:#b3b492;
  --rb-mauve-500:#7f8a58;
  --rb-ink:#33352c;
  --rb-ink-soft:#63665a;
  --rb-muted:#7d8071;
  --rb-accent:#505a2b;
  --rb-accent-deep:#3a421e;
  --rb-line:#e3dfcf;
  --rb-ink-deep:#2c2f26;
  --rb-on-dark-muted:#b9bca9;
  --rb-focus:#505a2b;
  --rb-grad-signature:linear-gradient(135deg,#f2f0e6 0%,#dcd7c2 38%,#b3b492 70%,#8b9560 100%);
  --rb-grad-soft:linear-gradient(180deg,#faf9f4 0%,#eeebdd 100%);
  --rb-shadow:0 18px 50px -24px rgba(58,66,30,.35);
  --rb-shadow-sm:0 6px 20px -12px rgba(58,66,30,.28);
}
/* 토큰을 쓰지 않고 직접 박혀 있는 라벤더 */
[data-sec="8"] .s8-hero{background:linear-gradient(135deg,#f2f0e6 0%,#e7e3d1 40%,#c8c7a8 72%,#b3b492 100%)}
[data-sec="1"] .s1-inner::before{background:linear-gradient(100deg,rgba(250,249,244,.95) 0%,rgba(250,249,244,.86) 32%,rgba(243,240,228,.45) 58%,rgba(243,240,228,0) 78%)}
@media (max-width:48rem){
  section[data-sec="1"] .s1-inner::before{background:linear-gradient(180deg,rgba(250,249,244,.9) 0%,rgba(250,249,244,.74) 100%)}
}