/* ========================================
   RISK_NOTE - 사용자 포털 CSS 변수 (theme tokens)
   admin.css (하이웍스 스타일) 톤 통일
   ----------------------------------------
   본 파일 = 디자인 톤 변경의 단일 진입점.
   다른 CSS 파일은 리터럴 hex 직접 사용 금지 — 모두 var(--u-*) 참조.
   Phase 0 audit: dosc/plans/active/inline_css_unification_audit/
   ======================================== */

:root {
    /* 배경 */
    --u-bg: #F3F4F6;
    --u-bg-gray: #F9FAFB;
    --u-bg-card: #ffffff;

    /* 액센트 (인디고 → admin.css 통일) */
    --u-accent: #0074e6;
    --u-accent-hover: #0063c7;
    --u-accent-light: #E8F4FD;
    --u-accent-soft: #CCE5FF;

    /* 텍스트 */
    --u-ink: #111827;
    --u-ink-strong: #374151;    /* Phase 1 신설 — 본문 진한 톤 (--u-ink:#111827 와 --u-ink-light:#6B7280 사이) */
    --u-ink-light: #6B7280;
    --u-ink-muted: #9CA3AF;

    /* 테두리 */
    --u-border: #E5E7EB;
    --u-border-strong: #D1D5DB; /* Phase 1 신설 — 강한 보더·옅은 회색 아이콘 (32회 사용) */
    --u-border-light: #F3F4F6;

    /* 역할 */
    --u-mgr: #0074e6;
    --u-mgr-soft: #E8F4FD;
    --u-safety: #EA580C;
    --u-safety-soft: #FFF7ED;
    --u-rep: #0891B2;
    --u-rep-soft: #ECFEFF;
    --u-worker: #16A34A;
    --u-worker-soft: #F0FDF4;

    /* 위험등급 */
    --u-risk-very-high: #DC2626;
    --u-risk-high: #EA580C;
    --u-risk-medium: #D97706;
    --u-risk-low: #16A34A;

    /* 상태 */
    --u-success: #16A34A;
    --u-success-soft: #F0FDF4;
    --u-warning: #D97706;
    --u-warning-strong: #ca8a04; /* Phase 1 신설 — 옅은 노랑 경고 (9회 사용, --u-warning 과 다른 톤) */
    --u-warning-soft: #FFFBEB;
    --u-danger: #DC2626;
    --u-danger-soft: #FEF2F2;
    --u-info: #0074e6;
    --u-info-soft: #E8F4FD;
    --u-sky: #60A5FA;            /* status phase 'sent'(전송됨) — 엷은 파랑. --u-accent 보다 옅음 */
    --u-sky-soft: #EFF6FF;

    /* 간격 */
    --u-sp-4: 4px;
    --u-sp-8: 8px;
    --u-sp-12: 12px;
    --u-sp-16: 16px;
    --u-sp-20: 20px;
    --u-sp-24: 24px;

    /* 둥글기 (admin.css 톤: 작고 단정) */
    --u-radius-sm: 4px;
    --u-radius: 6px;
    --u-radius-lg: 8px;

    /* 그림자 (최소) */
    --u-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --u-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --u-shadow-md: 0 4px 12px rgba(0,0,0,0.08);

    /* 글꼴 크기 */
    --u-text-2xs: 0.625rem;          /* Phase 1 신설 — 매우 작은 라벨 (6회) */
    --u-text-xs: 0.6875rem;
    --u-text-sm: 0.75rem;
    --u-text-base: 0.8125rem;
    --u-text-md: 0.875rem;           /* Phase 1 신설 — 13/15 사이 (6회) */
    --u-text-lg: 0.9375rem;
    --u-text-xl: 1.125rem;
    --u-text-2xl: 1.75rem;
    --u-text-display-sm: 2.5rem;   /* Phase 1 신설 — KPI 값 (9회) */
    --u-text-display: 3rem;      /* Phase 1 신설 — 큰 KPI (2회) */

    /* 글꼴 굵기 (Phase 1 전부 신설) */
    --u-fw-normal: 400;
    --u-fw-medium: 500;
    --u-fw-semibold: 600;
    --u-fw-bold: 700;

    /* 컴포넌트 크기 */
    --u-input-h: 34px;           /* Phase 1 신설 — form input/select 표준 높이 (23회) */

    /* 레이아웃 */
    --u-sidebar-w: 220px;
    --u-header-h: 52px;

    /* z-index 토큰은 Phase 1 보류 (현재 인라인 0건). 향후 신규 모달/툴팁 작성 시 도입. */

    /* ============================================================
       모바일 토스 톤 토큰 (모바일 개편 Phase 1, 2026-05-22 신설)
       ----------------------------------------
       ≤980px 전용 — user_mobile.css 의 @media 안에서만 참조된다.
       :root 에 정의만 할 뿐 데스크탑 CSS 는 이 토큰을 쓰지 않으므로
       데스크탑 0 영향 (단 --u-radius-xl 은 rn_auth/*.jsp 가 이미 참조 —
       지금까지 미정의로 0 이던 값이 의도값 14px 로 교정됨, 버그 픽스).
       색 토큰의 파랑 계열은 만들지 않는다 — 파랑은 전부 var(--u-accent) 사용.
       ============================================================ */
    --u-mo-ink: #191F28;          /* 모바일 본문 최진한 잉크 (제목·이름) */
    --u-mo-grey: #8B95A1;         /* 모바일 보조 텍스트 (날짜·메타·서브) */
    --u-mo-grey-strong: #4E5968;  /* 모바일 본문 회색 (읽는 텍스트) */
    --u-mo-grey-faint: #D1D6DB;   /* chevron·미선택 체크 등 옅은 회색 */
    --u-mo-line: #F2F4F6;         /* 행 사이 옅은 구분선 */
    --u-mo-band: #F2F4F6;         /* 섹션 사이 두꺼운 회색 띠 */
    --u-mo-surface: #F9FAFB;      /* 위저드 선택 행·요약 블록 옅은 면 */
    --u-mo-tab-idle: #B0B8C1;     /* 텍스트 탭·하단탭 비활성 */

    --u-radius-xl: 14px;          /* 아이콘 칩·더보기 버튼 (rn_auth 도 참조) */
    --u-radius-2xl: 18px;         /* CTA·요약 블록 */
    --u-radius-sheet: 24px;       /* 바텀시트 상단 모서리 */
    --u-sp-mo: 24px;              /* 모바일 본문 좌우 패딩 */
    --u-sp-mo-gap: 14px;          /* 모바일 요소 간 기본 갭 */
    --u-touch-cta: 56px;          /* 하단 고정 1차 버튼 높이 */

    --u-mo-fs-display: 1.53rem;   /* 26px — 인사 이름 */
    --u-mo-fs-lead: 1.18rem;      /* 20px — 문장형 제목 */
    --u-mo-fs-q: 1.41rem;         /* 24px — 위저드 질문 */
    --u-mo-fs-dh: 1.06rem;        /* 18px — 상세 섹션 제목 */
    --u-mo-fs-title: 0.94rem;     /* 16px — 리스트 행 제목 */
    --u-mo-fs-body: 0.85rem;      /* 14.5px — 상세 행 본문 */
    --u-mo-fs-sub: 0.79rem;       /* 13.5px — 보조 텍스트 */
}

/* ============================================================
   현장직 가독성 — 루트 글자크기 확대 (40대+ 현장직 대상, 2026-05-19)
   reset.css 의 html 16px 를 사용자 4개 포털에서만 19px(+19%)로 override.
   이 파일은 L1(fnc_mgr)·auth 화면이 로드하지 않으므로 L1 관리자 화면은 16px 유지.
   모든 폰트 크기를 rem 으로 변환해 두었으므로 아래 한 줄이 전체 배율 조절 지점이다.
   더 키우려면 19px → 20/21px, 줄이려면 18px 로 숫자만 변경.
   ============================================================ */
html { font-size: 17px; }
body { font-weight: 500; }   /* 본문 기본 굵기 400 → 500(중간) — 또렷하게 */

/* ============================================================
   포털별 톤 override (placeholder — 현재 4 포털 톤 동일)
   향후 권한별 톤 차이가 필요해지면 아래 body 클래스 안에서
   --u-accent 등을 override 하면 4 포털 동시 분기됨.
   ============================================================ */
body.portal-site { /* L2 site_mgr */ }
body.portal-safe { /* L3 safe_mgr */ }
body.portal-l4   { /* L4 user_rep */ }
body.portal-l9   { /* L9 user_worker */ }