const getLighterColor = (color, opacity = 0.2)=>{
    const isValidColor = CSS.supports('color', color);
    if (!isValidColor) return void console.warn(`Invalid color format: ${color}`);
    const clampedOpacity = Math.min(Math.max(opacity, 0), 1);
    const percentage = 100 * clampedOpacity;
    return `color-mix(in srgb, ${color} ${percentage}%, transparent)`;
};
export { getLighterColor };
