/**
 * NRS Design Tokens — 디자인 값의 단 하나의 원천
 *
 * 운영자 지시 2026-09-21: "디자인 토큰 파일을 만들어서 전체적으로 적용".
 * 원칙(기존): 전 페이지 하나의 시스템. 페이지·기능마다 제각각 금지.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * ★이 파일은 **가장 먼저** 실린다. 뒤에 실리는 파일이 덮을 수 있으므로,
 *   이 파일을 넣는 것만으로는 **지금 화면이 하나도 바뀌지 않는다**(값은 전부 실측 현행값).
 *   바뀌는 것은 "앞으로 어디를 고치면 되는가" 뿐이다.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * 왜 새로 만들었나 — 2026-09-21 전수 조사 결과
 *   · CSS 55개 파일에 색 337종·둥근모서리 40종·글자크기 23종·그림자 55종이 흩어져 있다.
 *   · **색은 이미 토큰이 있다**(아래 참조). 없던 것은 **치수**(간격·둥근모서리·글자크기·
 *     조작요소 높이·전환)다. 그래서 이 파일은 치수를 채우고, 두 색 체계를 잇는다.
 *
 * 기존 색 토큰 두 벌(그대로 쓴다 — 갈아엎지 않는다)
 *   · 앞면(테마 style.css)      : --nrs-color-*        다크 = [data-theme="dark"]
 *   · 관리(01-shared color-scheme.css): --nrs-bg-* / --nrs-text-* / --nrs-border-* /
 *                                 --nrs-accent-* / 상태색   다크 = body.nrs-scheme-*
 *   ※둘을 한 벌로 합치는 것은 다크 모드 두 스위치와 얽혀 있어 별건이다
 *     (knowledge/nrs_dark_mode_two_switches.md).
 *
 * 쓰는 법
 *   · 새로 쓰는 CSS 는 **반드시 토큰만** 쓴다. 숫자·색을 직접 적지 않는다.
 *   · 기존 CSS 는 손댈 때마다 그 자리만 토큰으로 바꾼다(한꺼번에 바꾸지 않는다).
 *   · 값을 바꾸고 싶으면 **여기서만** 바꾼다.
 *
 * @package NRS\Platform\Shared
 */

:root {
	/* ── 조작 요소 높이 ──────────────────────────────────────────────────────
	 * 운영자 결정 2026-09-20: 관리 화면의 단추·입력칸·선택칸은 **31px 한 가지**.
	 * 역할 차이는 높이가 아니라 채움/테두리로 나타낸다.
	 * ★코어는 min-height 로 높이를 정하므로 height 만 낮추면 안 먹는다
	 *   (knowledge/nrs_admin_ui_measure.md).
	 */
	--nrs-control-h:        31px;   /* 단추·입력칸·선택칸 */
	--nrs-control-h-lg:     40px;   /* 코어 기본값(손대지 않는 화면) */
	--nrs-toggle-size:      28px;   /* 등급 원형 토글 */

	/* ── 둥근 모서리 ─────────────────────────────────────────────────────────
	 * 실측 최빈: 4px(111) · 3px(50) · 6px(27) · 8px(26) · 2px(21)
	 * ★앞면 테마가 이미 `--nrs-radius`(2px)·`--nrs-radius-lg`(4px) 를 쓴다.
	 *   **같은 이름을 다시 정의하지 않는다** — 값이 달라지면 화면이 바뀐다.
	 *   (2026-09-21 전수 대조로 이 충돌을 찾아 여기서 뺐다.)
	 */
	--nrs-radius-xs:        2px;
	--nrs-radius-sm:        3px;
	--nrs-radius-md:        4px;    /* 기본 */
	--nrs-radius-xl:        6px;
	--nrs-radius-2xl:       8px;
	--nrs-radius-pill:      999px;
	--nrs-radius-circle:    50%;

	/* ── 간격 ────────────────────────────────────────────────────────────────
	 * 4 의 배수. 앞면 테마의 --nrs-gap(20) · --nrs-gap-sm(12) · --nrs-gap-lg(40) 과
	 * 어긋나지 않게 같은 값을 포함한다.
	 */
	--nrs-space-1:          4px;
	--nrs-space-2:          8px;
	--nrs-space-3:          12px;
	--nrs-space-4:          16px;
	--nrs-space-5:          20px;
	--nrs-space-6:          24px;
	--nrs-space-8:          32px;
	--nrs-space-10:         40px;

	/* ── 글자 크기 ───────────────────────────────────────────────────────────
	 * 실측 최빈: 13px(153) · 12px(143) · 11px(84) · 16px(78) · 14px(75) · 15px(37)
	 * 관리 화면 기본은 13px(코어 관리 화면과 같다).
	 */
	--nrs-fs-2xs:           10px;
	--nrs-fs-xs:            11px;
	--nrs-fs-sm:            12px;
	--nrs-fs-md:            13px;   /* 관리 화면 기본 */
	--nrs-fs-base:          14px;
	--nrs-fs-lg:            15px;
	--nrs-fs-xl:            16px;
	--nrs-fs-2xl:           18px;
	--nrs-fs-3xl:           20px;
	--nrs-fs-4xl:           24px;

	/* ── 줄 높이 ─────────────────────────────────────────────────────────── */
	--nrs-lh-tight:         1.3;
	--nrs-lh-normal:        1.5;
	--nrs-lh-loose:         1.9;   /* 기사 본문(테마 --nrs-line-height 와 같은 값) */

	/* ── 테두리 두께 ─────────────────────────────────────────────────────── */
	--nrs-bw:               1px;
	--nrs-bw-thick:         2px;

	/* ── 그림자 ──────────────────────────────────────────────────────────────
	 * 앞면 테마 값과 같게 맞춘다(--nrs-shadow-sm / --nrs-shadow / --nrs-shadow-lg).
	 */
	--nrs-elev-1:           0 1px 4px rgba(0, 0, 0, .08);
	--nrs-elev-2:           0 2px 12px rgba(0, 0, 0, .12);
	--nrs-elev-3:           0 4px 24px rgba(0, 0, 0, .18);

	/* ── 전환 ──────────────────────────────────────────────────────────────
	 * ★`--nrs-transition`(0.2s ease)는 **테마가 이미 정의한다** — 다시 정의하지 않는다.
	 */
	--nrs-transition-fast:  .12s ease;

	/* ── 층(z-index) ─────────────────────────────────────────────────────────
	 * 흩어진 z-index 를 정리할 때 쓸 눈금. 코어 관리 막대(99999)보다 낮게 둔다.
	 */
	--nrs-z-dropdown:       1000;
	--nrs-z-sticky:         1020;
	--nrs-z-overlay:        1040;
	--nrs-z-modal:          1050;
	--nrs-z-toast:          1060;
}