/* ══════════ 디자인 토큰 — docs/design/kukje-design.html 의 :root(라이트) + 다크 2블록 (2026-10-02 C라운드 · 2026-10-08 E라운드 다크 모드 켬) ══════════
   색·치수는 이 파일만 고친다. 변수 이름은 시안과 동일(--sb-bg, --primary, --ok-soft, --row-h, --r-md …).
   금색은 브랜드(로고·활성 표시선·아바타 테두리)에만, 파랑은 기능(버튼·링크)에만.
   테마: 기본 "시스템"(OS 다크면 @media 블록), 사용자 선택은 <html data-theme="light|dark"> (localStorage 'theme', 탑바 사용자 메뉴 테마 3단 토글).
   인쇄(@media print)는 테마와 무관하게 항상 라이트 토큰. 사이드바·로그인 왼쪽 패널은 두 테마에서 같은 남색. */
:root{
  --font-ui:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-num:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; /* 숫자 열: 같은 서체 + tabular-nums */
  /* 브랜드 */
  --brand-gold:#C19B51; --brand-gold-2:#D4AF37;
  --gold-soft:#FBF4E3; --gold-ink:#8A6A24; --gold-line:#EBD9A8;         /* 금색 연한 배경·글자·테두리 (요약 아이콘 타일 · b-gold · 공지 태그) */
  /* 사이드바 (라이트·다크 동일) */
  --sb-bg:#0F172A; --sb-ink:#94A3B8; --sb-ink-hi:#E2E8F0; --sb-active:#1E293B; --sb-line:#1F2937; --sb-label:#64748B;
  /* 작업 영역 */
  --bg:#F3F5F8; --surface:#FFFFFF; --surface-2:#F8FAFC; --line:#E3E8EF; --line-2:#CBD5E1;
  --ink:#0F172A; --ink-2:#475569; --ink-3:#94A3B8;
  --on-ink:#FFFFFF; --on-primary:#FFFFFF;                                  /* 진한 배경(--ink 버튼 · --primary 버튼·칩) 위 글자 */
  /* 기능색 */
  --primary:#2563EB; --primary-hi:#1D4ED8; --primary-soft:#EFF4FF; --primary-ink:#1E40AF; --info-line:#C7D7FE;
  --ok:#15803D; --ok-soft:#ECFDF3; --ok-line:#A7F3C8;
  --warn:#B45309; --warn-soft:#FFFBEB; --warn-line:#FCD34D; --warn-hover:#FFF4CC;
  --danger:#B91C1C; --danger-soft:#FEF2F2; --danger-line:#FCA5A5;
  --orange-soft:#FFF1E6; --orange-ink:#C2410C; --orange-line:#FDBA74;     /* b-orange (간이과세) */
  --locked:#475569; --locked-soft:#F1F5F9;
  --income:#A16207; --income-soft:#FEF9C3;
  --nts-g:#16A34A; --nts-y:#F59E0B; --nts-r:#DC2626; --nts-x:#CBD5E1;       /* 홈택스 상태 점: 정상 · 휴업 · 폐업 · 30일 경과 */
  --toast-bg:#0F172A; --toast-ink:#FFFFFF;
  --sel-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>");
  /* 모양 */
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --shadow-1:0 1px 2px rgba(15,23,42,.06),0 1px 1px rgba(15,23,42,.03);
  --shadow-2:0 8px 24px -12px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.06);
  --row-h:40px; --fs:13px; --fs-sm:12px; --fs-xs:11px;
  color-scheme:light;
}
/* ── 다크: OS 설정 자동 적용(테마 "시스템") — 사용자가 라이트를 고르면(data-theme="light") 적용하지 않는다 ── */
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0B1120; --surface:#111827; --surface-2:#0F172A; --line:#1F2937; --line-2:#334155;
  --ink:#E5E7EB; --ink-2:#A7B0BE; --ink-3:#7F8A9E;
  --on-ink:#0B1120; --on-primary:#0B1120;
  --gold-soft:#2A2305; --gold-ink:#E6C77A; --gold-line:#5A4A1E;
  --primary:#60A5FA; --primary-hi:#93C5FD; --primary-soft:#1E293B; --primary-ink:#BFDBFE; --info-line:#1E3A8A;
  --ok:#4ADE80; --ok-soft:#052E16; --ok-line:#166534;
  --warn:#FBBF24; --warn-soft:#2A1F05; --warn-line:#92400E; --warn-hover:#3A2A08;
  --danger:#F87171; --danger-soft:#2A0B0B; --danger-line:#991B1B;
  --orange-soft:#2A1608; --orange-ink:#FDBA74; --orange-line:#9A3412;
  --locked:#94A3B8; --locked-soft:#1E293B; --income:#FACC15; --income-soft:#2A2305;
  --nts-g:#22C55E; --nts-y:#FBBF24; --nts-r:#EF4444; --nts-x:#475569;
  --toast-bg:#1F2937; --toast-ink:#F9FAFB;
  --sel-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A7B0BE' stroke-width='2.5' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>");
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 8px 24px -12px rgba(0,0,0,.6);
  color-scheme:dark;
}}
/* ── 다크: 사용자 선택(테마 "다크") ── */
:root[data-theme="dark"]{
  --bg:#0B1120; --surface:#111827; --surface-2:#0F172A; --line:#1F2937; --line-2:#334155;
  --ink:#E5E7EB; --ink-2:#A7B0BE; --ink-3:#7F8A9E;
  --on-ink:#0B1120; --on-primary:#0B1120;
  --gold-soft:#2A2305; --gold-ink:#E6C77A; --gold-line:#5A4A1E;
  --primary:#60A5FA; --primary-hi:#93C5FD; --primary-soft:#1E293B; --primary-ink:#BFDBFE; --info-line:#1E3A8A;
  --ok:#4ADE80; --ok-soft:#052E16; --ok-line:#166534;
  --warn:#FBBF24; --warn-soft:#2A1F05; --warn-line:#92400E; --warn-hover:#3A2A08;
  --danger:#F87171; --danger-soft:#2A0B0B; --danger-line:#991B1B;
  --orange-soft:#2A1608; --orange-ink:#FDBA74; --orange-line:#9A3412;
  --locked:#94A3B8; --locked-soft:#1E293B; --income:#FACC15; --income-soft:#2A2305;
  --nts-g:#22C55E; --nts-y:#FBBF24; --nts-r:#EF4444; --nts-x:#475569;
  --toast-bg:#1F2937; --toast-ink:#F9FAFB;
  --sel-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A7B0BE' stroke-width='2.5' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>");
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 8px 24px -12px rgba(0,0,0,.6);
  color-scheme:dark;
}
/* ── 인쇄는 항상 라이트 (세금계산서·지급대장·브라우저 인쇄) — data-theme·OS 설정 무시 ── */
@media print{ :root, :root:not([data-theme="light"]), :root[data-theme="dark"]{
  --gold-soft:#FBF4E3; --gold-ink:#8A6A24; --gold-line:#EBD9A8;
  --bg:#F3F5F8; --surface:#FFFFFF; --surface-2:#F8FAFC; --line:#E3E8EF; --line-2:#CBD5E1;
  --ink:#0F172A; --ink-2:#475569; --ink-3:#94A3B8; --on-ink:#FFFFFF; --on-primary:#FFFFFF;
  --primary:#2563EB; --primary-hi:#1D4ED8; --primary-soft:#EFF4FF; --primary-ink:#1E40AF; --info-line:#C7D7FE;
  --ok:#15803D; --ok-soft:#ECFDF3; --ok-line:#A7F3C8;
  --warn:#B45309; --warn-soft:#FFFBEB; --warn-line:#FCD34D; --warn-hover:#FFF4CC;
  --danger:#B91C1C; --danger-soft:#FEF2F2; --danger-line:#FCA5A5;
  --orange-soft:#FFF1E6; --orange-ink:#C2410C; --orange-line:#FDBA74;
  --locked:#475569; --locked-soft:#F1F5F9; --income:#A16207; --income-soft:#FEF9C3;
  --nts-g:#16A34A; --nts-y:#F59E0B; --nts-r:#DC2626; --nts-x:#CBD5E1;
  --toast-bg:#0F172A; --toast-ink:#FFFFFF;
  --shadow-1:none; --shadow-2:none;
  color-scheme:light;
}}