/* ============================================================
   CARNA AI — light.css (화이트 모드)
   html[data-theme="light"] 일 때만 적용. 다크(기본) 화면에는 아무 영향이 없음.
   style.css · site.css · pages.css 의 고정 색은 var(--이름, 다크값) 꼴로 되어 있고,
   여기서 그 변수의 밝은 값만 정해 준다. 끄려면 head.php 에서 이 파일 링크와 상단 스크립트를 빼면 됨.
   ============================================================ */
html[data-theme="light"]{
  color-scheme:light;
  /* 기본 토큰 (style.css :root 의 밝은 짝) */
  --bg-deep:#ffffff;
  --bg-mid:#f7f7f5;
  --bg-surface:#f2f2ef;
  --orange:#ff5a1f;
  --orange-soft:#d9480f;
  --orange-deep:#c93a0c;
  --text:#10131c;
  --text-dim:#545e73;
  --text-faint:#7f889b;
  --glass:rgba(16,22,40,.028);
  --glass-line:rgba(16,22,40,.11);
  --green:#0b8f61;
  --cyan:#0a879a;
  --red:#d23232;
  --yellow:#a86a06;
  --lv-good:#0b8f61;
  --lv-steady:#1f74c4;
  --lv-care:#a86a06;
  /* 고정 색을 바꿔 주는 변수 (자동 생성) */
  --a-2ee6a6:#0b8f61;
  --a-bff5e0:#0a6b4a;
  --a-c8f7f2:#0b6470;
  --a-ffb3b3:#c02626;
  --a-ffd0d0:#b42323;
  --a-ffe9b8:#8a5a05;
  --g-em:#ff8a4a;
  --g-num:#171b28;
  --ov:16,22,40;
  --sf:255,255,255;
  --sh-45:rgba(22,28,50,0.09);
  --sh-5:rgba(22,28,50,0.1);
  --sh-6:rgba(22,28,50,0.12);
  --sh-65:rgba(22,28,50,0.13);
  --sh-7:rgba(22,28,50,0.14);
  --tw:var(--text);
}

/* ---------- 다크 유지 구역: 포스터·영상·기기 화면 그림은 화이트 모드에서도 원래 색 그대로 ---------- */
html[data-theme="light"] .ces-pop,
html[data-theme="light"] .film-card,html[data-theme="light"] .film-backdrop,
html[data-theme="light"] .vimeo-box,
html[data-theme="light"] .app-card .ph,
html[data-theme="light"] .mk-phone,html[data-theme="light"] .mk-tablet,html[data-theme="light"] .mk-tab,html[data-theme="light"] .mk-admin,
html[data-theme="light"] .keep-dark{
  --bg-deep:#05070d;--bg-mid:#07090f;--bg-surface:#0b0f1c;--orange-soft:#ff7a45;--orange-deep:#d63a10;
  --text:#f4f7ff;--text-dim:#8b97b3;--text-faint:#5a6480;--glass:rgba(255,255,255,.035);--glass-line:rgba(255,255,255,.08);
  --green:#2ee6a6;--cyan:#2ee6d6;--red:#ff5a5a;--yellow:#ffc857;--lv-good:#2ee6a6;--lv-steady:#7cc4ff;--lv-care:#ffc857;
  --a-2ee6a6:initial;--a-bff5e0:initial;--a-c8f7f2:initial;--a-ffb3b3:initial;--a-ffd0d0:initial;--a-ffe9b8:initial;--g-em:initial;--g-num:initial;--ov:initial;--sf:initial;--sh-45:initial;--sh-5:initial;--sh-6:initial;--sh-65:initial;--sh-7:initial;--tw:initial;
}

/* ---------- 로고: 화이트 모드에서는 원래 색 로고(logo_dark.png) ---------- */
html[data-theme="light"] .logo-img{filter:none;}

/* ---------- 카드 안 주황 빛: 흰 바탕에서는 가장자리가 끊겨 보이지 않게 부드럽게 ---------- */
html[data-theme="light"] .card.glow::before{background:radial-gradient(closest-side,rgba(255,90,31,.10),transparent);}

/* ---------- 회원 결과 그래프(SVG 속성으로 박힌 색) ---------- */
html[data-theme="light"] svg [fill="#f4f7ff"]{fill:var(--text);}
html[data-theme="light"] svg [fill="#8b97b3"]{fill:var(--text-dim);}
html[data-theme="light"] svg [fill="#5a6480"]{fill:var(--text-faint);}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.08)"],html[data-theme="light"] svg [stroke="rgba(255,255,255,.07)"]{stroke:rgba(16,22,40,.10);}

/* ---------- 국기: 흰 바탕에서 흰 부분이 묻히지 않게 가는 테두리 ---------- */
html[data-theme="light"] img.flag,html[data-theme="light"] img[src*="flagcdn.com"]{box-shadow:0 0 0 1px rgba(16,22,40,.16);}
/* 다크 유지 구역 안에서 색을 따로 정하지 않은 글자는 바깥(검정)을 물려받으므로 밝은 글자색을 다시 지정 */
html[data-theme="light"] .ces-pop,html[data-theme="light"] .film-card,html[data-theme="light"] .film-backdrop,html[data-theme="light"] .vimeo-box,html[data-theme="light"] .keep-dark{color:var(--text);}

/* ---------- 작은 주황 글자(번호·구분 표시): 흰 바탕에서 잘 읽히게 한 단계 진한 주황 ---------- */
html[data-theme="light"] .pillar .pk,html[data-theme="light"] .step .idx,html[data-theme="light"] .hub-card .loc,html[data-theme="light"] .signal .code,
html[data-theme="light"] .flow-node .n,html[data-theme="light"] .rt .no,html[data-theme="light"] .info-card .k,html[data-theme="light"] .office .flag{color:var(--orange-soft);}