/* 희스토리푸드 공용 테마 — 레고블럭. 원본은 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)}