/* docs/design/tokens.md 의 사본. 원본이 진실 — 여기서 값을 임의로 바꾸지 않는다. */
:root {
  /* --- 색: 중립 (화면의 90%) --- */
  --c-bg:            #ffffff;
  --c-bg-subtle:     #f7f8fa;
  --c-bg-hover:      #f0f2f5;
  --c-border:        #dfe3e8;
  --c-border-strong: #c4cad2;
  --c-text:          #1a1d21;
  --c-text-muted:    #5b6470;
  --c-text-disabled: #9aa2ae;

  /* --- 색: 의미 (배지/알림에만. 장식용 금지) --- */
  --c-info:      #1f6feb;  --c-info-bg:    #e8f1fe;
  --c-success:   #1a7f4b;  --c-success-bg: #e6f5ec;
  --c-warning:   #9a6700;  --c-warning-bg: #fdf3d8;
  --c-danger:    #c1372c;  --c-danger-bg:  #fdeceb;
  --c-neutral:   #5b6470;  --c-neutral-bg: #eef0f3;

  /* --- 브랜드 (1개만) --- */
  --c-primary:       #0b6b4f;
  --c-primary-hover: #095740;
  --c-primary-bg:    #e6f2ee;
  --c-focus:         #1f6feb;

  /* --- 타이포 --- */
  --font-sans: "Pretendard", -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --lh-tight: 1.35;
  --lh-normal: 1.55;

  /* --- 간격: 4px 그리드 --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px;

  /* --- 형태 --- */
  --radius-sm: 3px;  --radius-md: 6px;  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --shadow-md: 0 4px 12px rgba(16,24,40,.10);

  /* --- 컨트롤 높이 --- */
  --h-control: 32px;
  --h-control-sm: 26px;
  --h-row: 40px;

  /* --- 레이아웃 --- */
  --w-sidebar: 220px;
  --w-content-max: 1440px;
  --h-topbar: 52px;
  --z-dropdown: 100; --z-modal: 300; --z-toast: 400;
}