/**
 * 디자인 토큰: CSS 커스텀 속성 ↔ TypeScript 상수 매핑
 * 원천: src/styles/theme.css
 *
 * CSS var()를 사용할 수 없는 컨텍스트(ECharts, MapLibre)에서 resolvedColors 사용
 */

export const cssVars = {
  background: 'var(--background)',
  foreground: 'var(--foreground)',
  card: 'var(--card)',
  cardForeground: 'var(--card-foreground)',
  primary: 'var(--primary)',
  primaryForeground: 'var(--primary-foreground)',
  secondary: 'var(--secondary)',
  muted: 'var(--muted)',
  mutedForeground: 'var(--muted-foreground)',
  destructive: 'var(--destructive)',
  border: 'var(--border)',
  ring: 'var(--ring)',
} as const;

export const resolvedColors = {
  background: '#0a0e17',
  foreground: '#e6edf3',
  card: '#111827',
  cardForeground: '#e6edf3',
  primary: '#3b82f6',
  primaryForeground: '#ffffff',
  secondary: '#1e293b',
  muted: '#1e293b',
  mutedForeground: '#94a3b8',
  destructive: '#ef4444',
  border: 'rgba(255, 255, 255, 0.08)',
  inputBackground: '#0f172a',
  sidebar: '#070b12',
} as const;
