/* ======================================== RISK_NOTE - CSS 변수 (디자인 토큰) ======================================== */ /* 무접두 warm 팔레트(--bg/--accent/--ink …) 은퇴 2026-07-15 (P1-b). 따뜻한 톤(크림·주황) 레거시로, live CSS 는 전부 --u-* (cool 정본)로 이관. 유일 잔존 참조 = orphan mgr_css/mgr_common.css (미로드·삭제 대기, P7). */ /* ============================================================ --u-* 기본 테마 base (② = L1 룩) — 2026-07-15 P1-b canonical §4: common/variables.css = 기본 테마(L1 값). L1·사용자단 양 셸이 로드. 사용자단은 user_css/user_variables.css 가 이 위에서 액센트(파랑)를 override. base 액센트 = L1 인디고 (D1 승인 2026-07-15). L1 은 이 파일만 실어 인디고로 렌더. 나머지 컬러는 셸 무관(L1·사용자단 동일 값). 값은 user_variables.css 와 일치 = 렌더중립. TODO(스모크 후 정리): user_variables.css 의 셸-무관 --u-* 중복 정의를 슬림(override=액센트 계열만). ============================================================ */ :root { /* 모달 z-index (컴포넌트 1벌 + 토큰 2벌: admin=9000 크롬 위. user_variables=1000) */ --u-modal-z: 9000; /* 배경 */ --u-bg: #F3F4F6; --u-bg-gray: #F9FAFB; --u-bg-card: #ffffff; /* 액센트 = L1 인디고 (사용자단 user_variables.css 가 #0074e6 파랑으로 override) */ --u-accent: #4f46e5; --u-accent-hover: #4338ca; --u-accent-light: #818cf8; --u-accent-soft: #eef2ff; --u-on-accent: #ffffff; /* 액센트/컬러 면 위의 흰 텍스트·아이콘 — 카드 배경(--u-bg-card)과 값은 같으나 slot 이 다르다 */ /* 텍스트 */ --u-ink: #111827; --u-ink-strong: #374151; --u-ink-light: #6B7280; --u-ink-muted: #9CA3AF; /* 타이포 (공용 컴포넌트 u-empty 가 참조 — user_variables 미러, 2026-07-16 admin 신설) */ --u-text-sm: 0.75rem; --u-text-md: 0.875rem; /* 테두리 */ --u-border: #E5E7EB; --u-border-strong: #D1D5DB; --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-sns-kakao: #FEE500; /* 소셜 로그인 — 제공자 브랜드 규정 색 */ --u-sns-kakao-ink: rgba(0,0,0,0.85); --u-sns-naver: #03C75A; --u-sns-naver-ink: #ffffff; /* 위험등급 */ --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-success-strong: #15803D; /* 진한 초록 텍스트 (Phase P1-c-2 2026-07-15) */ --u-warning: #D97706; --u-warning-strong: #ca8a04; --u-warning-soft: #FFFBEB; --u-danger: #DC2626; --u-danger-soft: #FEF2F2; --u-danger-strong: #B91C1C; /* 진한 빨강 텍스트 (Phase P1-c-2 2026-07-15) */ --u-danger-border: #FECACA; /* 파괴 버튼 테두리 — soft(#FEF2F2)는 hover 배경용이라 흰 배경에서 테두리가 사라진다 (2026-07-27) */ --u-info: #2563eb; /* info/링크 파랑 — 액센트(셸별)와 별개 역할 (P1-c-2 2026-07-15) */ --u-info-strong: #1d4ed8; --u-info-light: #3b82f6; --u-info-soft: #E8F4FD; --u-sky: #60A5FA; --u-sky-soft: #EFF6FF; /* 모바일 톤 (사용자단 전용이나 base 에 정의 — L1 미참조) */ --u-mo-ink: #191F28; --u-mo-grey: #8B95A1; --u-mo-grey-strong: #4E5968; --u-mo-grey-faint: #D1D6DB; --u-mo-line: #F2F4F6; --u-mo-band: #F2F4F6; --u-mo-surface: #F9FAFB; --u-mo-tab-idle: #B0B8C1; /* 모바일 모서리·글자 — L1 값(사용자단은 user_variables.css 가 override) */ --u-radius-xl: 14px; --u-radius-sheet: 24px; --u-mo-fs-body: 0.95rem; --u-mo-fs-dh: 1.06rem; /* L1 에 이 토큰을 쓰는 요소가 없다(user_wizard.css 의 .panel-title·.sum-tasks-hd) — 사용자단 값과 같게 */ /* 현황 대시보드 카드 모서리(common/dashboard.css) — L1 값 · 사용자단 override */ --u-dash-card-radius: 8px; /* 회사 식별 팔레트 확장 색 (data-co 4·7·8·9 — 테마 무관 식별색, P1-c-2 2026-07-15) */ --u-cat-indigo: #6366F1; --u-cat-indigo-bg: #EEF2FF; --u-cat-pink: #DB2777; --u-cat-pink-bg: #FDF2F8; --u-cat-pink-text: #BE185D; --u-cat-lime: #65A30D; --u-cat-lime-bg: #F7FEE7; --u-cat-lime-text: #4D7C0F; --u-cat-violet: #7C3AED; --u-cat-violet-bg: #F5F3FF; --u-cat-violet-text: #6D28D9; /* 시맨틱 dark-text 톤 (co -text 및 향후 진한 라벨) */ --u-warning-text: #B45309; --u-safety-text: #C2410C; --u-rep-text: #0E7490; /* 신설 7색 (P1 잔여 변형). — 이 줄에 8번째로 있던 --u-info-soft 는 :77 과 이름이 같아 그걸 무성으로 덮고 있었다 → 삭제(되살리지 말 것) */ --u-danger-bright: #EF4444; --u-warning-deep: #92400E; --u-amber: #F59E0B; --u-teal: #10B981; --u-info-lighter: #93C5FD; --u-indigo-soft: #E0E7FF; --u-violet: #A78BFA; /* 간격 (셸중립 — user_variables.css 에서 이관 2026-07-21, canonical §4 TODO 실행: shell-무관 토큰은 base=common. 양 셸 공유 유틸/컴포넌트가 참조) */ --u-sp-4: 4px; --u-sp-8: 8px; --u-sp-12: 12px; --u-sp-16: 16px; --u-sp-20: 20px; --u-sp-24: 24px; /* 글꼴 굵기 (셸중립 — user_variables.css 에서 이관 2026-07-21) */ --u-fw-normal: 400; --u-fw-medium: 500; --u-fw-semibold: 600; --u-fw-bold: 700; /* 반투명 색 (그림자·덮개·테두리 rgba — 셸중립 · 이름 = 바탕색 + -aNN 불투명도 %) */ /* #000 */ --u-black-a04: rgba(0,0,0,0.04); --u-black-a09: rgba(0,0,0,0.09); --u-black-a12: rgba(0,0,0,0.12); --u-black-a20: rgba(0,0,0,0.2); --u-black-a25: rgba(0,0,0,0.25); --u-black-a30: rgba(0,0,0,0.3); --u-black-a40: rgba(0,0,0,0.4); --u-black-a45: rgba(0,0,0,0.45); --u-black-a50: rgba(0,0,0,0.5); --u-black-a55: rgba(0,0,0,0.55); --u-black-a60: rgba(0,0,0,0.6); --u-black-a75: rgba(0,0,0,0.75); --u-black-a85: rgba(0,0,0,0.85); --u-black-a90: rgba(0,0,0,0.9); --u-black-a95: rgba(0,0,0,0.95); --u-black: rgba(0,0,0,1); /* #fff */ --u-white-a06: rgba(255,255,255,0.06); --u-white-a12: rgba(255,255,255,0.12); --u-white-a25: rgba(255,255,255,0.25); --u-white-a30: rgba(255,255,255,0.3); --u-white-a35: rgba(255,255,255,0.35); --u-white-a85: rgba(255,255,255,0.85); /* #111827 = --u-ink */ --u-ink-a45: rgba(17,24,39,0.45); --u-ink-a55: rgba(17,24,39,0.55); /* #191F28 = --u-mo-ink */ --u-mo-ink-a18: rgba(25,31,40,0.18); --u-mo-ink-a50: rgba(25,31,40,0.5); --u-mo-ink-a82: rgba(25,31,40,0.82); /* #0F172A */ --u-slate-a08: rgba(15,23,42,0.08); --u-slate-a18: rgba(15,23,42,0.18); --u-slate-a50: rgba(15,23,42,0.5); /* #0074e6 = --u-mgr */ --u-mgr-a10: rgba(0,116,230,0.1); --u-mgr-a20: rgba(0,116,230,0.2); /* #2563eb = --u-info */ --u-info-a40: rgba(37,99,235,0.4); /* #3b82f6 = --u-info-light */ --u-info-light-a15: rgba(59,130,246,0.15); /* #4f46e5 */ --u-indigo-a10: rgba(79,70,229,0.1); /* #818cf8 */ --u-indigo-light-a10: rgba(129,140,248,0.1); /* #C2410C = --u-safety-text */ --u-safety-text-a20: rgba(194,65,12,0.2); /* #DC2626 = --u-danger */ --u-danger-a20: rgba(220,38,38,0.2); }