/* 루마닉 공용 디자인 토큰. 루마닉 PoC 저장소의 같은 이름 파일을 값 그대로 복사했다(2026-10-03). 값을 바꾸면 두 저장소가 갈라지므로 주석만 손댔다.
   크기·글자 단계 같은 이 서비스 전용 값은 base.css의 --rd- 변수에 둔다.
   다른 CSS·HTML·JS에는 hex 리터럴을 두지 않는다. 별칭(alias) 토큰은 만들지 않는다. @font-face는 여기 두지 않는다. */

:root {
  /* 표면. 웜 페이퍼 캔버스 위 흰 문서 표면, 한 단 낮은 보조 표면, 현재 선택 표면.
     캔버스도 2026-09-14에 한 단 내렸다. #faf9f6은 흰 면과 1.05:1이라 카드가 바탕에서 떠오르지 않았다. 지금은 1.20:1 */
  --lm-bg-page: #edeae1;
  --lm-bg-surface: #ffffff;
  --lm-bg-subtle: #e0dbcf;
  --lm-bg-selected: #d9e2fb;

  /* 잉크. muted는 page·surface·subtle·selected 네 배경에서 모두 4.5:1 이상(가장 낮은 subtle 4.67) */
  --lm-text-strong: #14181f;
  --lm-text: #2e3440;
  --lm-text-muted: #565f6d;

  /* 선. border는 카드·패널·입력 윤곽, border-strong은 조작 요소, hairline은 카드 안 구획·표 행.
     2026-09-14 한 단 내렸다. 이전 값(border #c9c5bb·hairline #ddd9d0)은 흰 면에서 1.72:1·1.41:1이라
     밝기를 올린 모니터에서 선이 사라졌다. 지금은 2.80:1·1.90:1이고, 조작 요소 경계는 4.58:1로 3:1을 넘는다 */
  --lm-border: #9f9a8f;
  --lm-border-strong: #6f7681;
  --lm-hairline: #c1bcad;

  /* 주 행동 코발트. 한 화면에 채운 버튼 하나 */
  --lm-primary: #2c55e0;
  --lm-primary-hover: #2143c0;
  --lm-primary-pressed: #1c3aa8;
  --lm-on-primary: #ffffff;

  /* 신뢰 네이비. 도움 버튼·도움 카드 경계·로그인 게이트 브랜드 면 */
  --lm-trust: #13294b;
  --lm-trust-soft: #dee6f7;

  /* 관리자 레일(다크 표면 전용). 장병 PWA에서는 쓰지 않는다 */
  --lm-rail-bg: #0f1c31;
  --lm-rail-ink: #c8d2e2;
  --lm-rail-ink-strong: #ffffff;
  --lm-rail-muted: #93a1b8;
  --lm-rail-hover: rgba(255, 255, 255, 0.08);
  --lm-rail-selected: rgba(255, 255, 255, 0.12);
  --lm-rail-line: rgba(255, 255, 255, 0.14);
  --lm-rail-accent: #e8b64c;
  --lm-rail-success: #7ee0b8;
  --lm-rail-danger: #ffb4ac;

  /* 상태색. 주의(확인 필요)·위험(실패·철회)·성공(완료) */
  --lm-warning-accent: #e8a33d;
  --lm-warning-text: #6d4300;
  --lm-warning-surface: #ffedcd;
  --lm-danger: #b42318;
  --lm-danger-surface: #fde3df;
  --lm-success-text: #0d5b47;
  --lm-success-surface: #d8efe3;

  /* 포커스 링 두 값. 밝은 표면은 원색, 다크 레일·게이트 면은 72% 혼합. 둘 다 offset 3px */
  --lm-focus: #2c55e0;
  --lm-focus-ring: 3px solid var(--lm-focus);
  --lm-focus-ring-dark: 3px solid color-mix(in srgb, var(--lm-focus) 72%, white);

  /* 오버레이 뒤 스크림, 로딩 자리표시자 */
  --lm-scrim: rgba(11, 35, 71, 0.42);
  --lm-skeleton: #d8d3c5;
  --lm-skeleton-sheen: rgba(255, 255, 255, 0.6);

  /* 서체. PWA는 app/fonts.css가 body에서 "Pretendard"(서브셋)로 덮는다 */
  --lm-font-ui: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --lm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 공개 홈(루트 /) 전용 다크 팔레트. 루마닉 브랜드 사이트(lumanic.ai)의 세계를 잇는다.
     장병 PWA·관리자 콘솔은 위의 라이트 팔레트를 그대로 쓰고 이 토큰을 쓰지 않는다. hex는 이 파일에만 둔다 */
  --lm-site-bg: #050805;
  --lm-site-panel: #0d110c;
  --lm-site-panel-raised: #151a14;
  --lm-site-line: #232a22;
  --lm-site-line-strong: #3c453b;
  --lm-site-ink: #fafaf6;
  --lm-site-ink-muted: #a8b0a4;
  --lm-site-ink-dim: #7f8b7d;
  --lm-site-accent: #9fe870;
  --lm-site-accent-hover: #b4f08c;
  --lm-site-accent-line: #2a4d14;
  --lm-site-on-accent: #050805;

  /* 재개발·재건축 소개 화면 재디자인(2026-10-10 사용자 지시 "a/b/c를 잘 섞어서").
     밤(저녁의 아파트 입면, 창 하나가 한 세대) · 안전주황(큰 숫자 하나) · 제도 용지(정보 경로도) 세 갈래.
     밤 면의 주 행동은 불빛 색 바탕에 밤 글자(대비 10:1 이상), 흰 면의 주 행동은 먹색 바탕에 흰 글자 */
  --lm-night: #0a0e15;
  --lm-night-raised: #111723;
  --lm-night-panel: #0e131c;
  --lm-night-line: #252f41;
  --lm-night-ink: #f4f1ea;
  --lm-night-ink-muted: #a3abbb;
  --lm-facade: #0f1520;
  --lm-pilaster: #131b29;
  --lm-window: #e7b26a;
  --lm-window-bright: #f6d69c;
  --lm-window-deep: #c4874a;
  --lm-window-off: #18202e;
  --lm-window-cool: #8fb3ec;
  --lm-ink-black: #101114;
  --lm-wash: #f2f4f6;
  --lm-signal: #ff5b14;
  --lm-signal-ink: #c2410c;
  --lm-signal-wash: #fff0e8;
  --lm-draft-paper: #f1efe8;
  --lm-draft-grid: #e3dfd4;
  --lm-draft-grid-major: #d5d0c2;
  --lm-draft-ink: #121212;
  --lm-draft-red: #d7301f;
  --lm-draft-blue: #1f4fd1;

  /* 모서리. 8px 하나, 내부 요소 6px, chip·pill만 완전한 원 */
  --lm-radius: 8px;
  --lm-radius-inner: 6px;
  --lm-radius-pill: 999px;

  /* 장병 PWA 표면 전용 곡률. 관리자 콘솔은 위의 8px 하나를 그대로 쓴다.
     손에 쥐고 보는 화면에서 8px는 각지게 읽혀, 카드는 한 단 부드럽게 두고 조작 요소는 그 사이에 둔다 */
  --lm-radius-card: 14px;
  --lm-radius-control: 10px;

  /* 간격 어휘. 이 밖의 값은 쓰지 않는다 */
  --lm-space-4: 4px;
  --lm-space-8: 8px;
  --lm-space-12: 12px;
  --lm-space-16: 16px;
  --lm-space-20: 20px;
  --lm-space-24: 24px;
  --lm-space-32: 32px;
  --lm-space-48: 48px;

  /* 그림자 세 어휘. 정지 표면에는 그림자가 없다 */
  --lm-shadow-overlay: 0 18px 48px rgba(23, 33, 29, 0.18);
  --lm-shadow-drawer: 12px 0 32px rgba(23, 33, 29, 0.16);
  --lm-shadow-sheet: 0 -12px 32px rgba(23, 33, 29, 0.14);

  /* 관리자 레일 폭. collapsed는 참조용이며 데스크톱 접힘은 쓰지 않는다 */
  --lm-sidebar-width: 264px;
  --lm-sidebar-collapsed: 72px;

  /* 모션 3종. 색 160ms, 이동 200ms, 스켈레톤 1.2s. 이징 하나 */
  --lm-duration-fast: 160ms;
  --lm-duration: 200ms;
  --lm-duration-skeleton: 1.2s;
  --lm-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* 층. bar·scrim은 PWA 앱바·탭바·스크림, 나머지는 관리자 레일·드로어·오버레이 */
  --lm-z-bar: 50;
  --lm-z-scrim: 55;
  --lm-z-sidebar: 60;
  --lm-z-drawer: 70;
  --lm-z-overlay: 90;

  /* PWA 셸 높이 */
  --lm-appbar-height: 52px;
  --lm-tabbar-height: 56px;
  --lm-statusline-height: 28px;
  --lm-safe-bottom: env(safe-area-inset-bottom, 0px);
}