/* ============================================================================
   디자인 토큰 — source_web 의 :root 변수 + 평가표 컬럼 폭 분리
   ============================================================================ */

:root {
  /* 다이소 브랜드 */
  --red:        #e60012;
  --red-dark:   #c4000f;
  --red-light:  #fff1f2;

  /* 중립 */
  --navy:       #0f172a;
  --navy-light: #1e293b;
  --slate:      #475569;
  --line:       #e2e8f0;
  --bg:         #f1f5f9;
  --bg-dark:    #e2e8f0;
  --muted:      #64748b;
  --white:      #ffffff;

  /* 시맨틱 */
  --green:        #059669;
  --green-light:  #ecfdf5;
  --orange:       #d97706;
  --orange-light: #fffbeb;
  --blue:         #2563eb;
  --blue-light:   #eff6ff;

  /* 위험성 등급 */
  --risk-high:   #dc2626;
  --risk-high-bg:#fef2f2;
  --risk-mid:    #d97706;
  --risk-mid-bg: #fffbeb;
  --risk-low:    #0a8f47;
  --risk-low-bg: #ecfdf3;

  /* 그림자 */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow:    0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);

  /* 모양 */
  --radius:    8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --transition: all .15s ease;

  /* 레이아웃 */
  --sidebar-w:        260px;
  --sidebar-collapsed: 0px;
  --header-h:          64px;

  /* 타이포 */
  --font: 'Noto Sans KR', -apple-system, 'Segoe UI', sans-serif;

  /* 평가표 컬럼 폭 (M3 에서 사용) */
  --eval-col-no:             42px;
  --eval-col-apply:          74px;
  --eval-col-task:          132px;
  --eval-col-workPhoto:      82px;
  --eval-col-hazard:        132px;
  --eval-col-accidentCause: 108px;
  --eval-col-currentControl:132px;
  --eval-col-currentRisk:    74px;
  --eval-col-beforePhoto:   104px;
  --eval-col-improvement:   132px;
  --eval-col-dueDate:       118px;
  --eval-col-afterRisk:      74px;
  --eval-col-afterPhoto:     96px;
  --eval-col-status:         92px;
  --eval-col-note:          110px;
}