/* 화면 모드(다크/라이트) — 정적 페이지(about/howto/usecase/terms/privacy) 공용.
   각 페이지의 인라인 :root(다크 기본값) 위에 라이트 오버라이드만 얹는다.
   값은 apps/web/app/globals.css 와 동일하게 유지할 것.
   앱/웹 본체에서 선택한 모드(localStorage 'apt84-theme-mode')를 각 페이지 상단
   인라인 스크립트가 data-theme 으로 반영한다. */
:root {
  --hover: rgba(255,255,255,0.04);
  --muted-dim: rgba(154,163,184,0.12);
  --muted-line: rgba(154,163,184,0.3);
  color-scheme: dark;
}

:root[data-theme='light'] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface2: #e9edf4;
  --border: rgba(15,23,42,0.10);
  --border-hover: rgba(15,23,42,0.22);
  --text: #1c2333;
  --text-sub: #3f4a63;
  --text-muted: #69748f;
  --red: #e02d51;
  --blue: #2b6fe3;
  --green: #0c9e6e;
  --yellow: #c98a00;
  --red-dim: rgba(224,45,81,0.10);
  --blue-dim: rgba(43,111,227,0.10);
  --green-dim: rgba(12,158,110,0.10);
  --yellow-dim: rgba(201,138,0,0.12);
  --hover: rgba(15,23,42,0.05);
  --muted-dim: rgba(105,116,143,0.10);
  --muted-line: rgba(105,116,143,0.35);
  color-scheme: light;
}

/* 사이트 전체 글자 두께를 600 으로 통일 — 본체(globals.css)와 동일.
   DM Mono 는 500 이 최대 웨이트라 font-synthesis 를 꺼서 가짜 볼드를 막는다. */
body { font-weight: 600; font-synthesis: none; }