/* ============================================================
   lightlock.css v2 — 삼성 인터넷 강제 다크("웹사이트 어두운 테마 적용") 무력화
   v1(투명 gradient)은 삼성 실기기에서 무력 — v2는 실제 배경색을
   background-image gradient 로 "그려버린다". 강제 다크는 background-color
   는 반전시키지만 background-image(이미지·gradient)는 반전하지 않으므로
   페인팅된 원래 색이 그대로 남는다.
   ============================================================ */

:root{
  --ll-canvas: oklch(0.98 0 0);
  --ll-card: oklch(1 0 0);
  --ll-muted: oklch(0.97 0 0);
}

/* 페이지 전체 바닥 */
html, body {
  background-image: linear-gradient(var(--ll-canvas), var(--ll-canvas)) !important;
}

/* background 미선언 요소 보호 (투명 — 시각 영향 없음) */
*, *::before, *::after {
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0));
}

/* 흰색(카드) 표면 — 원래 색을 그대로 페인팅 */
/* 주의: 배경을 실제로 선언한 요소만 넣는다 — 투명 컨테이너(.staffbar/.datebar/.sched 등)를
   넣으면 흰 줄이 생긴다 (2026-08-01 버그) */
.tn-card, .tn-input, .tn-select, .tn-dialog, .tn-menu, .tn-list,
.tn-search input, .tn-iconbtn, .tn-btn-ghost, .tn-seg button.on,
.side, .pop, .sheet, .day {
  background-image: linear-gradient(var(--ll-card), var(--ll-card));
}

/* 캔버스색 표면 */
.pane {
  background-image: linear-gradient(var(--ll-canvas), var(--ll-canvas));
}

/* 옅은 회색 표면 */
.tn-seg, .tn-avatar, .tn-banner, .tn-empty .ei, .chip-done {
  background-image: linear-gradient(var(--ll-muted), var(--ll-muted));
}

/* 검정(foreground) 버튼류 */
.tn-btn-primary, .tn-snack, .tn-bub.user {
  background-image: linear-gradient(oklch(0.145 0 0), oklch(0.145 0 0));
}

/* 브라운(브랜드) 표면 — 페이지에서 --ym-brown 정의. 검정 규칙보다 뒤 (loginbtn 등 겹침) */
.brownbtn, .loginbtn, .side .nvi.on, .day.on, .punch, .ps-head,
.cal7 .dc.sel, .cal12 .mc.sel {
  background-image: linear-gradient(var(--ym-brown, oklch(0.34 0.05 65)), var(--ym-brown, oklch(0.34 0.05 65)));
}

/* 실제 이미지·차트류(.tn-donut/.tn-gauge/.tn-skel/.xcc-* 등)는
   원래 background-image 를 쓰므로 여기서 건드리지 않는다 */