/* 희스토리푸드 공용 테마 — 레고블럭. 원본은 pos-data/theme/theme.css 하나뿐. 각 앱 폴더로 복사해 배포한다.
   다크(기본) = 상황판이 쓰던 색 그대로. 라이트 = 회사 로고 칩 계열 베이지(2026-09-05 부대표 결정).
   앱은 색을 직접 적지 말고 이 변수만 쓴다:
     --plane(바탕) --surface(카드) --surface-2(카드 안 단) --ring(테두리) --line(구분선)
     --ink(글자) --ink-2(보조 글자) --muted(흐린 글자) --grid(그래프 격자) --axis(축) --accent(강조) --accent-ink(강조 위 글자)
   전환은 theme.js 가 <html data-theme="light|dark"> 로 한다. 지도앱·AVPN 홈페이지는 대상이 아니다. */
:root{
  --plane:#0d0d0d; --surface:#16161a; --surface-2:#1e1e23; --ring:rgba(255,255,255,.10); --line:#2a2a2e;
  --ink:#ffffff; --ink-2:#c3c2b7; --muted:#898781; --grid:#2c2c2a; --axis:#383835;
  --accent:#3987e5; --accent-ink:#ffffff;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --plane:#efe6d3; --surface:#fbf7ef; --surface-2:#f1e8d6; --ring:rgba(60,45,20,.14); --line:#e0d5bf;
  --ink:#2b2418; --ink-2:#5a4f3f; --muted:#8a7d6a; --grid:#e3d8c2; --axis:#cfc3a8;
  --accent:#2f6fd0; --accent-ink:#ffffff;
  color-scheme:light;
}
/* 토글 버튼 — theme.js 가 만든다. 위치는 앱이 정한다(상황판: 왼쪽 메뉴 아래, 나머지: 상단 바 오른쪽). */
.theme-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--ring);
  border-radius:8px;padding:5px 10px;font:inherit;font-size:12px;line-height:1.2;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{color:var(--ink)}
/* 워터마크·경고(2026-09-06 부대표 지시) — theme.js 의 Theme.watermark / Theme.warn 이 만든다. 밝기 어두운 화면 .04 · 밝은 화면 .07(부대표 12:22 "더 흐리게, AI가 읽을 수 있으면"). difference 블렌드라 밝은 화면에선 어둡게, 어두운 화면에선 밝게 찍힌다. */
.hs-watermark{position:fixed;inset:0;pointer-events:none;z-index:2147483000;background-repeat:repeat;opacity:.04;mix-blend-mode:difference}
:root[data-theme="light"] .hs-watermark{opacity:.07}   /* 밝은 화면은 복원이 약해 조금 진하게(실험 2026-09-06: 어두운 .04 는 JPEG q60+절반 축소 뒤에도 복원, .02 는 조각만) */
.hs-warn-scrim{position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.62);display:flex;align-items:flex-start;justify-content:center;padding:70px 14px 0}
.hs-warn{max-width:420px;width:100%;background:var(--surface);color:var(--ink);border:1px solid #e8b04b;border-radius:14px;padding:16px 16px 14px;box-shadow:0 18px 40px rgba(0,0,0,.5);font-size:14px;line-height:1.6}
.hs-warn h4{margin:0 0 8px;font-size:15px;color:#e8b04b}
.hs-warn p{margin:0 0 8px;color:var(--ink-2)} .hs-warn p b{color:var(--ink)}
.hs-warn-who{font-family:ui-monospace,monospace;font-size:12px;background:var(--surface-2);border-radius:7px;padding:6px 9px;margin:8px 0 12px}
.hs-warn-ok{width:100%;background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:11px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
/* 홈 칩(2026-09-06 A안) — theme.js 가 모든 앱 왼쪽 아래에 넣는다. 경고 모달·워터마크보다는 아래, 화면 내용보다는 위. */
.hs-home{position:fixed;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:2147481000;display:inline-flex;align-items:center;gap:6px;
  background:rgba(22,22,26,.86);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px 8px 10px;
  font:700 13px/1 system-ui,-apple-system,'Malgun Gothic',sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.hs-home i{font-style:normal;font-size:15px}
.hs-home:active{transform:scale(.96)}
:root[data-theme="light"] .hs-home{background:rgba(251,247,239,.92);color:#2b2418;border-color:rgba(60,45,20,.22)}