/* ValueSys 공용 브랜드 토큰 - 공개 홈페이지(index.html)와 로그인 후 콘솔(console.html)이
   같은 폰트/색상을 쓰도록 여기 한 곳에서만 정의한다. 나중에 메인 홈페이지의 서체나
   색상을 바꾸게 되면 이 파일만 고치면 콘솔에도 그대로 반영된다(2026-09-09 요청).
   콘솔의 크래프트지/서류철 색(--desk, --kraft, --paper, --ink 등)은 이 파일이 아니라
   console.html 자체 :root에 남아있다 - 종이 질감 배경까지 이 브랜드 색으로 바꾸면
   서류철 느낌이 깨지기 때문에 의도적으로 분리했고, 그 화면 자체의 재설계는 별도
   작업으로 남겨뒀다(project_homepage_public_vs_console_split 참고).

   2026-09-09: 처음엔 시스템 다크/라이트 설정(prefers-color-scheme)을 따라가다가,
   공개 홈페이지를 트루니어(D:\김총명 개인\오픈 코드) 분위기의 다크 테마로 완전히
   바꾼 뒤에는 그 media query가 방문자 OS 설정과 실제로 렌더링되는 배경이 어긋나는
   버그를 만들었다(라이트 OS에서 다크 배경 위에 라이트용 어두운 태그 글자색이 그대로
   나와서 대비가 깨짐). 그래서 OS 설정을 아예 안 보고, `<html data-theme="...">` 값만
   보는 명시적 라이트/다크 두 벌 테마로 다시 설계했다.

   처음엔 라이트 모드를 "세션 초반에 쓰던 원래 모습"(세리프 제목, 각진 버튼, 장식
   없음)으로 완전히 되돌렸었는데, "다크 버전의 서체·스타일을 라이트에도 똑같이
   적용해서 일관성 있게 해달라"는 재요청으로 - 지금은 **색상 팔레트만 라이트/다크가
   다르고, 서체(Rajdhani 제목)·버튼 모양(알약)·그라데이션 텍스트·그리드 텍스처·
   글로우 오브 같은 "스타일"은 두 테마가 동일하다.** 그래서 이 파일도
   `--font-display/--font-body/--font-mono`는 라이트 블록에서 더 이상 따로
   정의하지 않고 :root(다크) 값을 그대로 상속받는다 - 라이트 블록엔 순수 색상
   토큰만 남아있다. index.html 쪽 `[data-theme="light"]` 오버라이드도 태그 글자
   명도(가독성 문제라 테마 불문 항상 필요)만 남기고 스타일 관련 오버라이드는 전부
   제거했다.

   토글 스위치는 nav에 있고 localStorage(nongeo_theme)에 저장되어 재방문시 유지된다.
   운영자가 신규 방문자 기본값을 바꾸고 싶으면 이 파일을 고칠 필요 없이 index.html의
   `<html lang="ko" data-theme="dark">`에서 dark/light만 바꾸면 된다(전역 부트스트랩
   스크립트가 localStorage에 저장된 값이 없을 때만 이 기본값을 따른다). */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Noto+Serif+KR:wght@600;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root {
  /* 타이포그래피 - 다크(기본) 기준. 제목은 트루니어와 동일한 Rajdhani(한글은
     자동으로 Pretendard로 대체됨), 본문은 Pretendard, 라벨/코드는 모노스페이스 */
  --font-display: 'Rajdhani', 'Pretendard Variable', Pretendard, sans-serif;
  --font-body: 'Pretendard Variable', Pretendard, 'Noto Sans KR', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* 색상 - 다크(기본). 트루니어의 밝은 코발트 배경 + 비비드 사이언 강조.
     gold는 브랜드 고유 강조색이라 유지, teal만 더 빛나는 사이언 쪽으로 옮김. */
  --bg: #0F056B;
  --bg-2: #0B0456;
  --panel: #170F7E;
  --panel-2: #1D1591;
  --border: rgba(148, 184, 255, 0.18);
  --text: #E9EEF7;
  --text-muted: #93A0B8;
  --text-faint: #5C6A82;
  --gold: #D6A94A;
  --gold-strong: #EEC46E;
  --teal: #00E5FF;
  --ok: #3fae72;
  --err: #FF4D5E;
}

/* 라이트 모드 - 색상 팔레트만 다르다(밝은 배경 + 어두운 텍스트). 서체는
   :root(다크)에서 그대로 상속받는다 - Rajdhani 제목, 알약버튼, 그라데이션 텍스트,
   그리드 텍스처 등 "스타일"은 라이트/다크 공통(2026-09-09 "일관성 있게" 요청). */
:root[data-theme="light"] {
  --bg: #F3F1EA;
  --bg-2: #EFECE2;
  --panel: #FFFFFF;
  --panel-2: #FAF8F3;
  --border: #DED7C4;
  --text: #17161A;
  --text-muted: #55534D;
  --text-faint: #6E6A5C;
  --gold: #A97C22;
  --gold-strong: #8A6318;
  --teal: #0E8C7A;
  --ok: #1f8a52;
  --err: #B2402F;
}