/*
 * Recharts 색상 상수 — design.md §1-2 토큰을 JS 상수로 미러링.
 * SVG 속성(fill/stroke)은 CSS 변수 var()를 신뢰할 수 없어 토큰 16진값을 직접 매핑한다.
 * ★ 값 변경 시 반드시 styles/tokens.css(§1 권위)와 동기화할 것.
 */
export const CHART = {
  primary600: '#0066B3', // 주 브랜드 블루
  primary700: '#004C86', // 짙은 톤(hover/강조)
  primary100: '#D9EAF7', // 활성 배경
  primary050: '#EFF6FC',
  aiAccent: '#6D4AFF', // AI 전용(수요예측 등)
  aiSurface: '#F5F3FF',
  success: '#0E8A5F',
  warning: '#F79009', // 오버레이/차트용 앰버(§1 violation-warn)
  error: '#D92D20',
  slate: '#667085', // 보조 계열
  neutral200: '#E4E7EC',
  neutral100: '#F2F4F7',
} as const;

/** 임계 상태색 — 점유율/부하 등급별. */
export function occupancyTone(pct: number): 'success' | 'warning' | 'error' {
  if (pct >= 90) return 'error';
  if (pct >= 70) return 'warning';
  return 'success';
}
