@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --color-primary:#2563EB;--color-on-primary:#FFFFFF;
  --color-accent:#EA580C;--color-on-accent:#FFFFFF;
  --color-background:#F8FAFC;--color-card:#FFFFFF;--color-foreground:#0F172A;
  --color-muted:#E9EFF8;--color-muted-foreground:#475569;
  --color-border:#E2E8F0;--color-ring:#2563EB;
  --status-ok:#16A34A;--status-ok-bg:#DCFCE7;
  --status-warn:#D97706;--status-warn-bg:#FEF3C7;
  --status-danger:#DC2626;--status-danger-bg:#FEE2E2;
  --status-unknown:#64748B;--status-unknown-bg:#F1F5F9;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;
  --font-body:'Noto Sans KR',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;
  --shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 4px 6px rgba(15,23,42,0.08);--shadow-lg:0 10px 24px rgba(15,23,42,0.12);
  --sidebar-w:240px;--sidebar-w-collapsed:64px;
}
[data-theme="dark"]{
  --color-primary:#60A5FA;--color-on-primary:#0B1220;
  --color-accent:#FB923C;--color-on-accent:#0B1220;
  --color-background:#0F172A;--color-card:#1E293B;--color-foreground:#E2E8F0;
  --color-muted:#1E293B;--color-muted-foreground:#94A3B8;
  --color-border:#334155;--color-ring:#60A5FA;
  --status-ok:#4ADE80;--status-ok-bg:#052e1a;
  --status-warn:#FBBF24;--status-warn-bg:#3a2a05;
  --status-danger:#F87171;--status-danger-bg:#3a0a0a;
  --status-unknown:#94A3B8;--status-unknown-bg:#1e293b;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.35);--shadow-lg:0 10px 24px rgba(0,0,0,0.45);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-size:14px;line-height:1.5}
a{color:var(--color-primary)}
a:hover{color:var(--color-primary);opacity:0.8}
table{font-variant-numeric:tabular-nums}
::selection{background:var(--color-primary);color:var(--color-on-primary)}
/* 작업 사본 추가(시안 값 변경 없음) — 설계서 §4-1 포커스 링 제거 금지 · §4-4 prefers-reduced-motion 존중 */
:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}
/* 모바일(≤768) — 설계서 §2 하단 탭 5, 표는 자기 컨테이너 안에서만 가로 스크롤 */
@media (max-width:768px){body{font-size:14px}}