/*
 * Kklidi — 디자인 토큰 (단일 소스)
 * 프론트·관리자·Chart.js(kamCssVar)가 동일 값을 참조합니다.
 */
:root {
  --kam-primary: #145efc;
  --kam-primary-dark: #1b64da;
  --kam-primary-shadow: rgba(20, 94, 252, 0.16);
  --kam-primary-shadow-strong: rgba(20, 94, 252, 0.3);

  --kam-g50: #f9fafb;
  --kam-g100: #f3f4f6;
  --kam-g200: #e5e7eb;
  --kam-g400: #9ca3af;
  --kam-g600: #4b5563;
  --kam-g900: #111827;

  --kam-green: #16a34a;
  --kam-success: #16a34a;
  --kam-warning: #d97706;
  --kam-error: #dc2626;
  --kam-border: #e5e7eb;
  --kam-text-muted: #6b7280;

  --kam-font: inherit;

  /* Chart.js + 범례 (kam-chart.js / kam-chart.css / class-kam-chart.php) */
  --kam-chart-line-low: #145efc;
  --kam-chart-line-high: #64748b;
  --kam-chart-fill-top: rgba(20, 94, 252, 0.22);
  --kam-chart-fill-bottom: rgba(20, 94, 252, 0.02);
  --kam-chart-fill-fallback: rgba(20, 94, 252, 0.1);
  --kam-chart-grid: rgba(0, 0, 0, 0.04);
  --kam-chart-tick: #9ca3af;

  /* KAM_Collector::get_verdict_color() 과 동기화 */
  --kam-verdict-best-bg: #eff6ff;
  --kam-verdict-best-text: #1d4ed8;
  --kam-verdict-best-border: #93c5fd;

  --kam-verdict-good-bg: #f0fdf4;
  --kam-verdict-good-text: #15803d;
  --kam-verdict-good-border: #86efac;

  --kam-verdict-normal-bg: #fefce8;
  --kam-verdict-normal-text: #a16207;
  --kam-verdict-normal-border: #fde047;

  --kam-verdict-high-bg: #fff1f2;
  --kam-verdict-high-text: #be123c;
  --kam-verdict-high-border: #fda4af;

  --kam-verdict-default-bg: #f9fafb;
  --kam-verdict-default-text: #374151;
  --kam-verdict-default-border: #e5e7eb;
}