/**
 * Конвертирует hex цвет в RGB значения
 * @param hex - hex цвет (например, "#007bff" или "007bff")
 * @returns строка с RGB значениями (например, "0, 123, 255")
 */
export const hexToRgb = (hex: string): string => {
  // Убираем # если есть
  const cleanHex = hex.replace("#", "");
  
  // Парсим hex
  const r = parseInt(cleanHex.substring(0, 2), 16);
  const g = parseInt(cleanHex.substring(2, 4), 16);
  const b = parseInt(cleanHex.substring(4, 6), 16);
  
  return `${r}, ${g}, ${b}`;
};

/**
 * Устанавливает цвет акцента и его RGB значение в CSS переменные
 * @param color - hex цвет акцента
 */
export const setAccentColor = (color: string) => {
  document.documentElement.style.setProperty("--accent-color", color);
  const rgb = hexToRgb(color);
  document.documentElement.style.setProperty("--accent-color-rgb", rgb);
};

